/* Thea — generated from tokens.json */
:root, [data-theme="light"] {
  --paper: #F5F6F0;
  --paper-raised: #FFFFFF;
  --sheet: #E9EEE6;
  --rule: #CFD8CF;
  --rule-strong: #7A8C83;
  --ink: #10241D;
  --ink-muted: #4C6158;
  --ledger: #1F5C46;
  --ledger-soft: #DDEBE2;
  --on-ledger: #F5F6F0;
  --canary: #F3D34A;
  --on-canary: #10241D;
  --canary-soft: #FBF1C4;
  --slab: #10241D;
  --on-slab: #F5F6F0;
  --slate: #3D5E88;
  --slate-soft: #E1E8F2;
  --amber: #865800;
  --amber-soft: #FBF1C4;
  --vermilion: #B13A22;
  --vermilion-soft: #F8E2DC;
  --sage: #9CBFAE;
  --focus: var(--ink);
  --link: var(--ledger);
  --chart-1: var(--ledger);
  --chart-2: var(--slate);
  --chart-3: var(--amber);
  --chart-4: var(--sage);
  --chart-grid: var(--rule);
  --shadow-float: 0 1px 0 rgba(16,36,29,0.06), 0 12px 32px -16px rgba(16,36,29,0.28);
}
[data-theme="dark"] {
  --paper: #0E1915;
  --paper-raised: #15231E;
  --sheet: #1B2C25;
  --rule: #2C3F37;
  --rule-strong: #6A8277;
  --ink: #E9EFE9;
  --ink-muted: #A6B8AE;
  --ledger: #74C7A2;
  --ledger-soft: #183A2D;
  --on-ledger: #0E1915;
  --canary: #F3D34A;
  --on-canary: #10241D;
  --canary-soft: #3A3214;
  --slab: #07100D;
  --on-slab: #E9EFE9;
  --slate: #93B4E3;
  --slate-soft: #1C2A3D;
  --amber: #EDBE4F;
  --amber-soft: #3A3214;
  --vermilion: #FF9178;
  --vermilion-soft: #3D1E17;
  --sage: #4E7A66;
  --focus: var(--ink);
  --link: var(--ledger);
  --chart-1: var(--ledger);
  --chart-2: var(--slate);
  --chart-3: var(--amber);
  --chart-4: var(--sage);
  --chart-grid: var(--rule);
  --shadow-float: 0 1px 0 rgba(0,0,0,0.4), 0 12px 32px -16px rgba(0,0,0,0.7);
  color-scheme: dark;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-lg: 12px;
  --radius-mark: 20.8%;
  --stroke-hair: 1px;
  --stroke-line: 2px;
  --stroke-bar: 12.5%;
  --font-display: "Archivo SemiExpanded", "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-text: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "Martian Mono", ui-monospace, "SF Mono", Menlo, monospace;
}
.display-xl { font-family: var(--font-display); font-size: 88px; line-height: 0.95; font-weight: 700; letter-spacing: -0.025em; }
.display-l { font-family: var(--font-display); font-size: 60px; line-height: 1.0; font-weight: 700; letter-spacing: -0.02em; }
.heading-1 { font-family: var(--font-display); font-size: 40px; line-height: 1.1; font-weight: 700; letter-spacing: -0.015em; }
.heading-2 { font-family: var(--font-display); font-size: 28px; line-height: 1.2; font-weight: 650; letter-spacing: -0.01em; }
.figure { font-family: var(--font-display); font-size: 64px; line-height: 1.0; font-weight: 600; letter-spacing: -0.02em; }
.heading-3 { font-family: var(--font-text); font-size: 20px; line-height: 28px; font-weight: 600; }
.body-l { font-family: var(--font-text); font-size: 19px; line-height: 30px; font-weight: 400; }
.body { font-family: var(--font-text); font-size: 16px; line-height: 26px; font-weight: 400; }
.body-s { font-family: var(--font-text); font-size: 14px; line-height: 21px; font-weight: 400; }
.caption { font-family: var(--font-text); font-size: 12px; line-height: 17px; font-weight: 500; }
.eyebrow { font-family: var(--font-mono); font-size: 11px; line-height: 16px; font-weight: 500; letter-spacing: 0.08em; }
.data { font-family: var(--font-mono); font-size: 13px; line-height: 20px; font-weight: 400; }
.data-s { font-family: var(--font-mono); font-size: 11px; line-height: 16px; font-weight: 400; }
@font-face { font-family: "Archivo SemiExpanded"; src: url("fonts/ArchivoSemiExpanded-VF.woff2") format("woff2"); font-weight: 300 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Archivo"; src: url("fonts/Archivo-VF.woff2") format("woff2"); font-weight: 300 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Martian Mono"; src: url("fonts/MartianMono-VF.woff2") format("woff2"); font-weight: 300 800; font-style: normal; font-display: swap; }
