/* ============================================================
   Science Friction — shared design system
   Source of truth for design tokens + base accessibility.
   New build pages link this and set only --accent + page-specifics.
   (The existing pages carry reconciled inline copies of these tokens.)
   ============================================================ */

:root{
  /* canvas */
  --bg:#07080b;        /* canonical near-black — also the PWA theme_color */
  --bg2:#0b0e15;

  /* ink */
  --text:#f4f6fa;
  --muted:#c3ccdb;
  --soft:#8b95a7;

  /* brand palette */
  --cyan:#00bfff;      /* structural / links */
  --violet:#8a2be2;    /* structural / logo glow */
  --green:#00e5a0;     /* brand interactive — reconciled (was two greens) */
  --gold:#ffc24b;      /* friction-spark / warmth / live-active */
  --warm:#ff9d7a;      /* Harley register */

  /* per-build accent — override on each build page
     (Orion = green, Harley = gold). Falls back to green. */
  --accent:var(--green);

  /* type */
  --mono:"Share Tech Mono","Courier New",monospace;
  --sans:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;
}

/* Keyboard focus — a visible, accent-colored ring. This was the biggest
   accessibility gap: keyboard users previously got no focus indicator. */
a:focus-visible,
button:focus-visible,
.btn:focus-visible,
audio:focus-visible,
[tabindex]:focus-visible{
  outline:2px solid var(--accent, #00bfff);
  outline-offset:3px;
  border-radius:6px;
}

/* Respect reduced-motion — pause the hero/pulse animations for those who ask. */
@media (prefers-reduced-motion: reduce){
  *{animation-duration:0.001ms !important; animation-iteration-count:1 !important;}
}