@font-face{font-family:'Sora Variable';src:url('/static/fonts/sora-latin-wght-normal.woff2') format('woff2-variations');font-weight:100 800;font-display:swap}
@font-face{font-family:'Inter Variable';src:url('/static/fonts/inter-latin-wght-normal.woff2') format('woff2-variations');font-weight:100 900;font-display:swap}
@font-face{font-family:'JetBrains Mono Variable';src:url('/static/fonts/jetbrains-mono-latin-wght-normal.woff2') format('woff2-variations');font-weight:100 800;font-display:swap}

:root, :root[data-theme="glass"]{
  --bg:#04070F; --bg-1:#070D1A; --bg-2:#0A1326; --bg-3:#0C172E;
  --tx-1:#F4F9FF; --tx-2:#D9E8FB; --tx-3:#93AECB; --tx-4:#7290B4; /* WP12 (V5): was #647E9E, contrast 4,43 < 4,5 op bg-2/paneel */
  --lijn:rgba(120,170,225,.12); --lijn-2:rgba(120,170,225,.24);
  --accent:#22C9FF; --accent-2:#5FE0FF; --accent-dim:rgba(34,201,255,.14); --accent-tx:#04070F;
  --indigo:#2E8BFF; --rood:#FF5A3C; --rood-dim:rgba(255,90,60,.14); --oranje:#FF7C54; --oranje-dim:rgba(255,124,84,.14);
  --groen:#34D399; --groen-dim:rgba(52,211,153,.14);
  --panel:linear-gradient(155deg,rgba(30,46,78,.62),rgba(8,14,26,.72) 65%);
  --panel-rand:rgba(120,170,225,.14); --blur:blur(16px) saturate(1.4);
  --schaduw:0 20px 50px -20px rgba(0,0,0,.6);
  --r-s:11px; --r:18px; --r-l:26px;
  --f-display:'Sora Variable','Sora',system-ui,sans-serif;
  --f-body:'Inter Variable','Inter',system-ui,-apple-system,sans-serif;
  --f-mono:'JetBrains Mono Variable',ui-monospace,Menlo,monospace;
  /* graaf */
  --g-anker:#22C9FF; --g-in:#2E8BFF; --g-uit:#93AECB; --g-proc:#FF7C54;
  --g-vernietigd:#FF5A3C; --g-rand:rgba(120,170,225,.28); --g-rand-actief:#5FE0FF;
  --g-label:#D9E8FB; --g-label-bg:rgba(4,7,15,.82);
  color-scheme:dark;
}
:root[data-theme="licht"]{
  --bg:#FFFFFF; --bg-1:#F6F8FB; --bg-2:#EEF2F7; --bg-3:#E4EAF2;
  --tx-1:#0B1220; --tx-2:#1F2A3C; --tx-3:#475569; --tx-4:#5D6B80; /* WP12 (V5): was #64748B, contrast 4,23 < 4,5 op bg-2 */
  --lijn:#E2E8F0; --lijn-2:#CBD5E1;
  --accent:#0B6BCB; --accent-2:#0A5AAD; --accent-dim:rgba(11,107,203,.08); --accent-tx:#FFFFFF;
  --indigo:#3B5BDB; --rood:#C8321E; --rood-dim:rgba(200,50,30,.08); --oranje:#B45309; --oranje-dim:rgba(180,83,9,.10);
  --groen:#147A52; --groen-dim:rgba(20,122,82,.08);
  --panel:#FFFFFF; --panel-rand:#E2E8F0; --blur:none;
  --schaduw:0 1px 2px rgba(15,23,42,.06),0 8px 24px -12px rgba(15,23,42,.12);
  --g-anker:#0B6BCB; --g-in:#3B5BDB; --g-uit:#94A3B8; --g-proc:#B45309;
  --g-vernietigd:#C8321E; --g-rand:rgba(15,23,42,.18); --g-rand-actief:#0B6BCB;
  --g-label:#0B1220; --g-label-bg:rgba(255,255,255,.9);
  color-scheme:light;
}