/* ===== TOKENS — Design tokens: colours, fonts, radii, shadows (CSS custom properties) ===== */
/* ============ TOKENS ============ */
:root{
  color-scheme:dark;
  --bg:#05070d; --bg2:#0b1122;
  --panel:rgba(15,21,44,.86); --panel-solid:#121a38; --panel-border:rgba(126,148,196,.18);
  --ink:#e9edf8; --muted:#8d96b4; --faint:#5b6484;
  --amber:#f0b24a;
  --accent:#f0b24a; --accent-soft:rgba(240,178,74,.14);
  --teal:#45c4b0;
  --danger:#e4607a;
  --chip:#1a2347; --chip-on:#f0b24a; --chip-on-ink:#241a05;
  --input:#0e1533; --input-border:#28325c;
  --shadow:0 18px 50px rgba(2,5,18,.55);
  --sep:rgba(126,148,196,.6);
  --dots:#5e7ea6; --ocean:#0d1530; --star-op:1;
  --radius:16px;
  --mono:ui-monospace,'SF Mono','Cascadia Code','JetBrains Mono',Consolas,monospace;
  --disp:'Avenir Next','Futura','Century Gothic','Trebuchet MS',system-ui,sans-serif;
  --body:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}
html[data-theme="light"]{
  color-scheme:light;
  --bg:#dde4ec; --bg2:#cfd9e4;
  --panel:rgba(246,248,251,.9); --panel-solid:#f4f7fa; --panel-border:rgba(24,33,54,.12);
  --ink:#182136; --muted:#5a6478; --faint:#8b93a8;
  --accent:#b96f10; --accent-soft:rgba(185,111,16,.12);
  --teal:#0e8b7b;
  --danger:#c23a56;
  --chip:#ffffff; --chip-on:#f0b24a; --chip-on-ink:#2a1d04;
  --input:#f2f5fa; --input-border:#c7d0de;
  --shadow:0 18px 44px rgba(24,33,54,.18);
  --sep:rgba(24,33,54,.42);
  --dots:#33507a; --ocean:#c9d8e8; --star-op:0;
}