/* Exact design tokens from OuiCheck corporate source/build/common.py. */
:root{
  --show-light:block; --show-dark:none;
  --bg:#EEF0F5; --surface:#F8F9FC; --surface-2:#E6E9F2; --ink:#0C0D3E; --text:#2A2B55; --muted:#5D5F85;
  --line:rgba(12,13,62,.14); --line-strong:rgba(12,13,62,.28);
  --g1:#00A56A; --g2:#03A3A8; --g3:#0282D6;
  --btn-bg:#0C0D3E; --btn-fg:#FFFFFF;
  --ok:#00875A; --ok-bg:rgba(0,165,106,.12); --warn:#B56A00; --warn-bg:rgba(245,166,35,.14); --bad:#C62C45; --bad-bg:rgba(198,44,69,.10); --info:#0277C2; --info-bg:rgba(3,164,252,.12);
  --display:"Sora","Avenir Next","Segoe UI",system-ui,sans-serif;
  --body:"IBM Plex Sans","Helvetica Neue",Arial,system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    color-scheme:dark; --show-light:none; --show-dark:block;
    --bg:#0C0D3E; --surface:#161852; --surface-2:#1D2063; --ink:#F1F3FF; --text:#D3D6F2; --muted:#9396C2;
    --line:rgba(255,255,255,.12); --line-strong:rgba(255,255,255,.26);
    --g1:#00FC94; --g2:#07DBB9; --g3:#03A4FC; --btn-bg:#F1F3FF; --btn-fg:#0C0D3E;
    --ok:#00FC94; --ok-bg:rgba(0,252,148,.12); --warn:#F5B83D; --warn-bg:rgba(245,184,61,.16); --bad:#FF7A8C; --bad-bg:rgba(255,92,108,.16); --info:#5BC4FF; --info-bg:rgba(3,164,252,.16);
  }
}
:root[data-theme="dark"]{
  color-scheme:dark; --show-light:none; --show-dark:block;
  --bg:#0C0D3E; --surface:#161852; --surface-2:#1D2063; --ink:#F1F3FF; --text:#D3D6F2; --muted:#9396C2;
  --line:rgba(255,255,255,.12); --line-strong:rgba(255,255,255,.26);
  --g1:#00FC94; --g2:#07DBB9; --g3:#03A4FC; --btn-bg:#F1F3FF; --btn-fg:#0C0D3E;
  --ok:#00FC94; --ok-bg:rgba(0,252,148,.12); --warn:#F5B83D; --warn-bg:rgba(245,184,61,.16); --bad:#FF7A8C; --bad-bg:rgba(255,92,108,.16); --info:#5BC4FF; --info-bg:rgba(3,164,252,.16);
}

:root{--band-bg:#0C0D3E;--band-fg:#EEF0FF;--band-muted:#A9ACD8;--band-g1:#00FC94;--band-g2:#07DBB9;--band-g3:#03A4FC;--maxw:1200px;--gutter:clamp(16px,4vw,40px)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--band-bg:#161852}}
:root[data-theme="dark"]{--band-bg:#161852}
.ph-light{display:var(--show-light)}.ph-dark{display:var(--show-dark)}