/* Seith Design System — generated from tokens.json */
:root, [data-theme="default"] {
  --color-ink: #142224;
  --color-panel: #1c2e30;
  --color-rail: #2a3c3e;
  --color-rail-2: #36494b;
  --color-paper: #edeeeb;
  --color-paper-2: #dfe1dd;
  --color-paper-line: #c6cac4;
  --color-petrol: #0f5e63;
  --color-petrol-2: #137a80;
  --color-petrol-3: #0a4649;
  --color-petrol-tint: #12393c;
  --color-petrol-light: #5fb3aa;
  --fg-on-petrol: #ffffff;
  --color-go: #4f7a28;
  --color-go-2: #6a9a3a;
  --color-warn: #d99a00;
  --color-warn-2: #e8b020;
  --color-stop: #b3241b;
  --color-stop-2: #cc4136;
  --color-graphite: #8f9997;
  --color-slate: #5e6c6d;
  --color-slate-2: #3a4a4c;
  --fg1-on-ink: #edeeeb;
  --fg2-on-ink: #bcc6c4;
  --fg3-on-ink: #8f9997;
  --fg-muted-on-ink: #5e6c6d;
  --fg1-on-paper: #142224;
  --fg2-on-paper: #3a4a4c;
  --fg3-on-paper: #5e6c6d;
  --fg-muted-on-paper: #8f9997;
  --shadow-1: 0 1px 0 rgba(20,34,36, 0.04), 0 2px 8px rgba(20,34,36, 0.06);
  --shadow-2: 0 8px 24px rgba(20,34,36, 0.16), 0 2px 4px rgba(20,34,36, 0.08);
}

:root {
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 96px;
  --rail-top: 56px;
  --rail-side: 64px;
  --rail-side-open: 240px;
  --content-max: 1440px;
  --dashboard-max: 1920px;
  --r-none: 0;
  --r-sm: 2px;
  --r-md: 4px;
  --r-lg: 6px;
  --r-pill: 999px;
  --text-xs: 11px;
  --text-sm: 13px;
  --text-base: 15px;
  --text-md: 17px;
  --text-lg: 20px;
  --text-xl: 24px;
  --text-2xl: 32px;
  --text-3xl: 44px;
  --text-4xl: 64px;
  --text-hero: 96px;
  --lh-tight: 1.05;
  --lh-snug: 1.2;
  --lh-base: 1.5;
  --lh-loose: 1.7;
  --tracking-tight: -0.02em;
  --tracking-normal: 0;
  --tracking-caps: 0.08em;
  --tracking-mono: 0.02em;
  --w-regular: 400;
  --w-medium: 500;
  --w-semibold: 600;
  --w-bold: 700;
  --font-display: 'Oswald', 'Impact', 'Helvetica Neue Condensed', sans-serif;
  --font-body: 'Inter', -apple-system, system-ui, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace;
}

.h-display { font-family: var(--font-display); font-size: 96px; line-height: 1.05; font-weight: 700; letter-spacing: -0.02em; }
.h1 { font-family: var(--font-display); font-size: 64px; line-height: 1.05; font-weight: 600; letter-spacing: -0.02em; }
.h2 { font-family: var(--font-display); font-size: 44px; line-height: 1.2; font-weight: 600; }
.h3 { font-family: var(--font-display); font-size: 32px; line-height: 1.2; font-weight: 500; }
.metric { font-family: var(--font-display); font-size: 44px; line-height: 1; font-weight: 700; }
.h4 { font-family: var(--font-body); font-size: 24px; line-height: 1.2; font-weight: 600; }
.p-lg { font-family: var(--font-body); font-size: 17px; line-height: 1.7; }
.p { font-family: var(--font-body); font-size: 15px; line-height: 1.5; font-weight: 400; }
.p-sm { font-family: var(--font-body); font-size: 13px; line-height: 1.5; }
.eyebrow { font-family: var(--font-mono); font-size: 11px; font-weight: 500; letter-spacing: 0.08em; }
.label-caps { font-family: var(--font-mono); font-size: 11px; font-weight: 500; letter-spacing: 0.08em; }