/* MY PREDICTOR · design tokens (Nabin's official palette, Nov 1 2026). Every page loads this file first.
   Semantics: blue/cyan = primary actions & active nav · purple = predictions / model accents · green = win / correct pick
   · red = loss / missed pick / cancelled · orange = live / postponed / delayed. */
:root{
  --primary-blue:#00D4FF;
  --secondary-purple:#8B5CF6;
  --accent-cyan:#06B6D4;
  --success-green:#10B981;
  --warning-orange:#F59E0B;
  --danger-red:#EF4444;
  --bg-navy:#050B18;
  --glass-dark:#0F172A;
  --glass-border:#FFFFFF1A;
  --glass-light:#FFFFFF33;
  --text:#F8FAFC;        /* soft white, 17.9:1 on --bg-navy */
  --text-2:#CBD5E1;      /* slate-300, 12.9:1 */
  --text-3:#94A3B8;      /* slate-400, 7.4:1 (AA for small text) */
  /* derived (only mixes of the palette above) */
  --grad-brand:linear-gradient(100deg,var(--primary-blue),var(--accent-cyan) 45%,var(--secondary-purple));
  --grad-pred:linear-gradient(90deg,var(--accent-cyan),var(--secondary-purple));
  --glass-fill:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02)),rgba(15,23,42,.55);
  --glass-fill-2:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.04)),rgba(15,23,42,.6);
  --glass-bar:rgba(15,23,42,.62);
  --glass-solid:#0F172A;
  --spec:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -1px 0 rgba(255,255,255,.02);
  --depth:0 18px 40px -22px rgba(0,0,0,.9),0 2px 8px -2px rgba(0,0,0,.5);
  --glow-blue:0 0 0 1px rgba(0,212,255,.22),0 12px 34px -12px rgba(0,212,255,.45);
  --glow-purple:0 0 0 1px rgba(139,92,246,.25),0 12px 34px -12px rgba(139,92,246,.5);
  --blur:saturate(160%) blur(18px);
  --r-xl:26px;--r-lg:20px;--r-md:16px;--r-sm:12px;
  --ease:cubic-bezier(.2,.8,.2,1);--t-fast:.18s;--t-med:.35s;
  --font:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --nav-h:60px;--bnav-h:64px;
  /* aliases read by the original styles.css */
  --bg:var(--bg-navy);--txt:var(--text);--mut:var(--text-3);--neon:var(--primary-blue);--gold:var(--secondary-purple);--cyan:var(--primary-blue);--pink:var(--warning-orange);
  --card:rgba(255,255,255,.04);--line:var(--glass-border)}