/* @module  public/assets/css/jotf-bridge.css
   @purpose The token bridge seam. Loaded AFTER jotf tokens.css and BEFORE blocks.css so the
            unmodified bricks re-theme through app tokens without ever being edited. JediGame
            currently uses jotf's tokens.css as the source of truth (QUICKSTART path A), so the
            :root mapping is intentionally empty — add one `--jotf-token: var(--app-token);`
            line here (never a raw value; raw color lives only in tokens.css) if the app grows
            its own token system. This file also carries global motion-safety.
   @layer   Presentation */

:root {
  /* Bridge mappings go here when the app has its own tokens, e.g.:
     --color-primary: var(--app-accent);
     --color-surface: var(--app-card-bg);
     Keep it to var() references only — never raw values, never edit a brick. */
}

/* Honour reduced-motion globally as defense-in-depth (the bricks also self-guard). */
@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;
  }
}