/* tokens.css — the shared design-token core for the THEME-AWARE app pages (Luminate, Pupil,
   Loupe, Refract). These values were previously declared identically in each page's own :root —
   four drifting copies; this is now the single source. Each page's inline <style> keeps only its
   page-specific vars (its brand tint — --red/--magenta/--purple/--warm — plus extras like
   --good/--warn or --bg-panel-2/3), declared AFTER this file so a page can still override a
   token deliberately (same specificity, later wins).

   Deliberately NOT loaded by: Horizon (dark-only by design — the light block below would flip
   its core vars in light mode, exactly the regression its missing light override exists to
   prevent), and login/users (they use a different navy/card variable scheme entirely).

   A new theme-aware app page should link this BEFORE its own <style> and declare only its own
   tint. */
:root{
  --bg-base:#0b1221;
  --bg-panel:#0f172a;
  --border:#243249;
  --text-primary:#e5e7eb;
  --text-muted:#9ca3af;
  --text-dim:#64748b;
  --accent:#4f8ef7;
  --accent-dim:rgba(79,142,247,.16);
  --danger:#f87171;
  --font:system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display:'Optician Sans', var(--font);
}
@media (prefers-color-scheme: light){
  :root{
    --bg-base:#f4f5f7;
    --bg-panel:#ffffff;
    --border:#dde1e7;
    --text-primary:#1a2233;
    --text-muted:#5b6472;
    --text-dim:#8a93a1;
    --accent:#3b6fd6;
    --accent-dim:rgba(59,111,214,.1);
    --danger:#dc4444;
  }
}