/* koi.css — Styles des carpes SVG */

/* Couleurs par étape — variables CSS */
.koi-courage     { --koi-color: var(--koi-courage);     --koi-glow: rgba(200,75,47,0.5); }
.koi-elegance    { --koi-color: var(--koi-elegance);    --koi-glow: rgba(201,165,90,0.5); }
.koi-patience    { --koi-color: var(--koi-patience);    --koi-glow: rgba(74,124,89,0.5); }
.koi-creativite  { --koi-color: var(--koi-creativite);  --koi-glow: rgba(123,94,167,0.5); }
.koi-excellence  { --koi-color: var(--koi-excellence);  --koi-glow: rgba(42,95,143,0.5); }
.koi-liberte     { --koi-color: var(--koi-liberte);     --koi-glow: rgba(212,129,58,0.5); }
.koi-transmission { --koi-color: var(--koi-transmission); --koi-glow: rgba(140,106,90,0.5); }

/* Carpe SVG générique */
.koi-fish-svg {
  overflow: visible;
}

.koi-fish-body {
  fill: var(--koi-color, var(--color-gold));
  transition: fill var(--duration-slow);
}

.koi-fish-body-ghost {
  fill: rgba(201, 165, 90, 0.2);
  stroke: rgba(201, 165, 90, 0.4);
  stroke-width: 1;
}

.koi-fish-fin {
  fill: var(--koi-color, var(--color-gold));
  opacity: 0.6;
}

.koi-fish-pattern {
  fill: rgba(255,255,255,0.2);
}

.koi-fish-eye {
  fill: var(--color-ink);
}

.koi-fish-tail {
  fill: var(--koi-color, var(--color-gold));
  opacity: 0.7;
}

/* Animation flottement dans l'étang (fond) */
.pond-koi {
  animation: pond-swim linear infinite;
}

@keyframes pond-swim {
  0%   { transform: translateX(-80px) translateY(0px) scaleX(1); }
  45%  { transform: translateX(calc(100vw + 80px)) translateY(20px) scaleX(1); }
  46%  { transform: translateX(calc(100vw + 80px)) translateY(20px) scaleX(-1); }
  90%  { transform: translateX(-80px) translateY(5px) scaleX(-1); }
  91%  { transform: translateX(-80px) translateY(5px) scaleX(1); }
  100% { transform: translateX(-80px) translateY(0px) scaleX(1); }
}