@font-face{font-family:Manrope;src:url('/assets/manrope-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/manrope-500.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/manrope-600.ttf') format('truetype');font-weight:600 800;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('/assets/plex-mono.ttf') format('truetype');font-weight:400 500;font-style:normal;font-display:swap}
:root{
  color-scheme:light;
  --paper:#f7fafc;
  --ink:#0b2a4a;
  --muted:#596d82;
  --line:#d6e2ec;
  --accent:#a7d8f5;
  --ocean:#2e7bcb;
  --dark:#0b2a4a;
  --light:#f7fafc;
  --muted-on-dark:#b5c9dc;
  --surface-deep:#103455;
  --section-surface:#0b2a4a;
  --halo:#a7d8f53b;
  --control-border:#91abc0;
  --switch-track:#e7eff5;
  --switch-thumb:#fff;
  --switch-shadow:0 2px 6px #0b2a4a14;
  --font-sans:Manrope,Arial,sans-serif;
  --font-mono:'IBM Plex Mono',monospace;
  --gutter:clamp(24px,5.5vw,88px);
  --max-width:1600px;
  --ease:cubic-bezier(.2,.7,.2,1);
}
:root[data-theme=dark]{
  color-scheme:dark;
  --paper:#071a2d;
  --ink:#edf5fc;
  --muted:#a2b7cb;
  --line:#294157;
  --ocean:#81bcec;
  --section-surface:#0b243d;
  --surface-deep:#10304e;
  --halo:#2e7bcb3b;
  --control-border:#526e88;
  --switch-track:#15344f;
  --switch-thumb:#a7d8f5;
  --switch-shadow:0 2px 8px #0003;
}