/* Conserje Virtual — Accessibility tokens & baseline rules (WCAG 2.2 AA)
   Applies globally wherever styles.css is linked. Kept as real CSS rules
   (not just custom properties) because focus-visible and reduced-motion
   are behaviors, not values — this is the one tokens file allowed to carry
   selectors beyond :root, per the same pattern as @font-face/@keyframes. */

:root {
  --focus-ring-color: var(--cv-champagne-gold, #E0B26E);
  --focus-ring-width: 2px;
  --focus-ring-offset: 2px;
}

:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring-color);
  outline-offset: var(--focus-ring-offset);
  border-radius: 4px;
}

/* Respect reduced-motion system-wide: components should also gate their own
   JS-driven animation (phrase cycling, phone tilt) on this query directly,
   this rule is the CSS-only backstop for anything animated purely in CSS. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}