@font-face{font-family:"Rubik";src:url("fonts/rubik-var.woff2") format("woff2");font-weight:300 900;font-style:normal;font-display:swap}

:root{
  color-scheme:light dark;
  --ink:#14194A; --ink-3:#0C1030;
  --marigold:#FFB627; --marigold-edge:#B7770A;
  --chilli:#FF3D7F; --chilli-edge:#A81A52;
  --lagoon:#2EC4B6; --wa:#25D366; --wa-edge:#138A40;
  --bg:#F6F5FF; --glow-a:rgba(255,61,127,.16); --glow-b:rgba(46,196,182,.20);
  --text:#14194A; --text-soft:#2B3166; --muted:#555B8F;
  --card:#FFFFFF; --panel-top:#FFFFFF; --panel-bot:#F0EEFF; --deep:#ECEAFB; --select:#FFF0C9; --band:#EBE9FF;
  --line:rgba(20,25,74,.16); --line-strong:rgba(20,25,74,.4);
  --edge:#CDC8F0; --shadow-big:0 36px 60px rgba(52,44,140,.16);
  --header-bg:rgba(246,245,255,.92);
  --h1-face:#14194A;
  --pill-bg:#E2DFF9; --pill-text:#14194A;
  --link:#9A4F00; --err:#C21352; --ok:#0B7F74;
  --wave-on:#E8900A; --wave-off:rgba(20,25,74,.26);
  --display:"Rubik",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --body:"Rubik",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --gutter:clamp(16px,4vw,40px);
  --max:1180px;
  --touch:2.75rem;
}
@media (prefers-color-scheme:dark){
  :root{
    --bg:#14194A; --glow-a:rgba(255,61,127,.22); --glow-b:rgba(46,196,182,.16);
    --text:#FFF4DC; --text-soft:#EDE6D0; --muted:#BDC2E6;
    --card:#1D2466; --panel-top:#1D2466; --panel-bot:#181E5C; --deep:#0C1030; --select:#2A2F7C; --band:#10153F;
    --line:rgba(255,244,220,.16); --line-strong:rgba(255,244,220,.4);
    --edge:#0A0D2B; --shadow-big:0 40px 70px rgba(0,0,0,.5);
    --header-bg:rgba(20,25,74,.9);
    --h1-face:#FFF4DC;
    --pill-bg:#39408F; --pill-text:#FFF4DC;
    --link:#FFB627; --err:#FF9DB8; --ok:#8BE8DD;
    --wave-on:#FFB627; --wave-off:rgba(189,194,230,.4);
  }
}