/* GENERATED by scripts/build-tokens.py from tokens/tokens.json - do not edit */
:root {
  color-scheme: dark;
  --abyss: #061820;
  --bg: #09202a;
  --panel-head: #0b2530;
  --surface: #0d2a35;
  --raised: #143746;
  --line: #183f50;
  --text: #d7e0e3;
  --muted: #8fa6ae;
  --signal: #4aa3df;
  --signal-fill: #3578a2;
  --on-signal-fill: #ffffff;
  --cyan: #00e5ff;
  --cyan-core: #8ff6ff;
  --halo: #f1ece2;
  --blade-lit: #d7e0e3;
  --blade-shade: #8fa6ae;
  --void: #02080b;
  --warden-lit: #25898f;
  --warden-shade: #1a6267;
  --warden-edge: #3aa8ad;
  --ok: #5fbf8f;
  --warn: #e2b755;
  --down: #e0626a;
  --data-1: #4aa3df;
  --data-2: #3fa6a0;
  --data-3: #9b8cf0;
  --data-4: #d9c9a3;
  --font-sans: "Outfit", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 32px;
  --space-7: 56px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-pill: 999px;
}
.t-display { font: 700 46px/52px var(--font-sans); }
.t-h1 { font: 700 38px/44px var(--font-sans); }
.t-section { font: 700 26px/32px var(--font-sans); }
.t-h2 { font: 600 22px/28px var(--font-sans); }
.t-h3 { font: 600 17px/24px var(--font-sans); }
.t-body { font: 400 16px/26px var(--font-sans); }
.t-small { font: 400 14px/21px var(--font-sans); }
.t-wordmark { font: 600 28px/32px var(--font-mono); }
.t-label { font: 500 12px/16px var(--font-mono); }
.t-code { font: 400 13px/20px var(--font-mono); }