/* Kairos One wordmark (3-bar Gantt mark + KAIROS ONE lockup). Colors ride the brand
   tokens (theme.css) so navy flips to a light tint on dark grounds. The animated
   bar-shuttle is toggled against the static lockup in kairos-fallbacks.css (reduced-motion
   / no-JS → static). */

.kairos-wordmark { display: block; }

.kw-ink { fill: var(--brand-ink); }
.kw-accent { fill: var(--brand-accent); }

/* Middle bar starts accent (mark position) and lands ink (as the "I"); the color
   swap rides a CSS animation so it keeps following the brand tokens. Timing mirrors
   the SMIL keyTimes (0 / .13 / .30 / .70 / .87 / 1 over 6s). */
.kw-shuttle-mid {
  fill: var(--brand-accent);
  animation: kw-shuttle-fill 6s linear infinite;
}

@keyframes kw-shuttle-fill {
  0%, 13% { fill: var(--brand-accent); }
  30%, 70% { fill: var(--brand-ink); }
  87%, 100% { fill: var(--brand-accent); }
}

@media (prefers-reduced-motion: reduce) {
  .kw-shuttle-mid { animation: none; fill: var(--brand-ink); }
}