/* Growthr — shared accessibility + brand-polish layer
   Additive only: branded focus ring, reduced-motion guard, card-glow hover.
   Linked on pages whose motion/focus was previously unhandled (design.md §5.3, §6.3). */

/* Branded keyboard focus ring (cyan, per design.md §6.3).
   :focus-visible only fires for keyboard/AT users, never on mouse click. */
a:focus-visible,
button:focus-visible,
[tabindex]:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
[role="button"]:focus-visible {
  outline: 2px solid var(--accent, #2EC4FF);
  outline-offset: 3px;
  border-radius: 4px;
}

/* Respect reduced-motion: neutralize CSS animation/transition.
   (WebGL/canvas heroes are JS-driven and gated separately.) */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  /* Ensure scroll-reveal content is visible even if its transition is neutralized */
  .reveal, .fade-in, [class*="reveal-delay"] {
    opacity: 1 !important;
    transform: none !important;
  }
}