/* KaddieIQ design tokens — shared by every page.
 *
 * Split out of kiq-2026.css so the homepage and BallFIT cannot drift apart.
 * They had: BallFIT still carried the pre-harmonisation blues for --ink,
 * --muted, --soft and --on-gold, because each page kept its own copy.
 *
 * Page-specific tokens do NOT belong here. BallFIT keeps --r, --surface and
 * its blueprint in kiq-ballfit.css.
 */

:root{
  --bg:#0D1C15;
  --bg-2:#08140E;
  --ink:#EAE4D4;
  --muted:#92AA9F;
  --soft:#C4CDC9;
  --gold:#C8A84B;
  --gold-hi:#E2C877;
  --gold-fill:#C8A84B;
  --on-gold:#0D2017;
  --hair:rgba(200,168,75,.28);
  --rule:rgba(200,168,75,.18);
  --wm:#43A047;
  --pro:#A98AE6;
  --tile-edge:rgba(200,168,75,.6);
  --tile-green:rgba(57,181,74,.45);
  --tile-shadow:0 30px 80px rgba(0,0,0,.55);
  --medal-shadow:0 10px 28px rgba(0,0,0,.55);
  --dim:saturate(.72) brightness(.78);
  --dim-hover:saturate(.9) brightness(.95);
  --mark:#C8A84B;
  --focus:#E2C877;
  --panel:rgba(13,28,21,.92);
  --bp-ink:#A5D0BC;
  --bp-op:.16;
  --surface:rgba(255,255,255,.15);
  --fw-display:700;
  --fw-title:600;
  --fw-label:500;
  --head:"Montserrat",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --body:"DM Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}

:root[data-theme="light"]{
  --bg:#ECEFE4;
  --bg-2:#E1E6D6;
  --ink:#132B20;
  --muted:#5B6F66;
  --soft:#3B5247;
  --gold:#7E6218;
  --gold-hi:#6A5213;
  --gold-fill:#C8A84B;
  --on-gold:#0D2017;
  --hair:rgba(138,109,34,.35);
  --rule:rgba(138,109,34,.25);
  --wm:#1B7A2E;
  --pro:#5B3A9E;
  --tile-edge:rgba(138,109,34,.55);
  --tile-green:rgba(46,125,50,.45);
  --tile-shadow:0 24px 60px rgba(40,32,10,.14);
  --medal-shadow:0 10px 24px rgba(30,24,8,.28);
  --dim:saturate(.75) contrast(.94);
  --dim-hover:saturate(.9);
  --mark:#9A7A2A;
  --focus:#6F5718;
  --panel:rgba(236,239,228,.95);
  --bp-ink:#23513C;
  --bp-op:.2;
  --surface:rgba(0,0,0,.12);
}

@media (prefers-color-scheme:light){
  :root[data-theme="system"]{
    --bg:#ECEFE4;
    --bg-2:#E1E6D6;
    --ink:#132B20;
    --muted:#5B6F66;
    --soft:#3B5247;
    --gold:#7E6218;
    --gold-hi:#6A5213;
    --gold-fill:#C8A84B;
    --on-gold:#0D2017;
    --hair:rgba(138,109,34,.35);
    --rule:rgba(138,109,34,.25);
    --wm:#1B7A2E;
    --pro:#5B3A9E;
    --tile-edge:rgba(138,109,34,.55);
    --tile-green:rgba(46,125,50,.45);
    --tile-shadow:0 24px 60px rgba(40,32,10,.14);
    --medal-shadow:0 10px 24px rgba(30,24,8,.28);
    --dim:saturate(.75) contrast(.94);
    --dim-hover:saturate(.9);
    --mark:#9A7A2A;
    --focus:#6F5718;
    --panel:rgba(236,239,228,.95);
    --bp-ink:#23513C;
    --bp-op:.2;
    --surface:rgba(0,0,0,.12);
  }
}