/* SynchroFit landing: shared design tokens (single source of truth).
   Loaded by index.html and every persona page (for-*.html) before their own
   styles. Aligned with the iOS app's Theme.swift palette: amber on near-black.

   Mint (#00FFCC) is the premium-tier signal. On the landing it appears only in
   the hero particle field (drawn in JS); do not introduce it elsewhere. */
:root {
  --amber: #F59E0B;
  --amber-dim: #92600A;
  --amber-glow: rgba(245,158,11,0.15);
  --mint: #00FFCC;
  --mint-dim: rgba(0,255,204,0.12);
  --red: #EF4444;
  --green: #22C55E;
  --bg: #080808;
  --bg2: #0D0D0D;
  --bg3: #111111;
  --border: rgba(255,255,255,0.06);
  --border-amber: rgba(245,158,11,0.3);
  --text: #E5E5E5;
  --text-dim: #888;        /* unified (was #666 index / #888 persona); 5.6:1 on --bg, passes WCAG AA */
  --text-muted: #666;      /* unified (was #444 index / #555 persona); lifts the AA-flagged #444 */
  --text-bright: oklch(0.985 0.005 75);   /* near-white, tinted toward amber */
}