/* 7th Standard — generated from tokens.json */
:root, [data-theme="light"] {
  --ground: #f6f3ee;
  --card: #fdfcf9;
  --line: #e2ded6;
  --window: #121212;
  --window-floor: #1d1f24;
  --text: #121212;
  --text-muted: #6b665e;
  --paper: #f6f3ee;
  --ink: #121212;
  --white: #ffffff;
  --cobalt-deep: #2443d4;
  --cobalt-light: #8ea0f2;
  --mint-deep: #3e8c6c;
  --mint-light: #a9d3bf;
  --peach-deep: #c4683f;
  --peach-light: #f2b99f;
  --on-cobalt-deep: var(--white);
  --on-mint-deep: var(--ink);
  --on-peach-deep: var(--ink);
  --on-light: var(--ink);
  --accent: var(--cobalt-deep);
  --focus: var(--cobalt-deep);
  --data-1: #2443d4;
  --data-2: #7d93f2;
  --data-3: #f2a03a;
  --data-4: #d8402f;
  --data-5: #5c1446;
  --data-none: #cfccc5;
  --pair-a: #2f6fe0;
  --pair-b: #f2783a;
  --bar-rest: #c9c5bd;
  --ramp-spectrum-0: #19a6a6;
  --ramp-spectrum-1: #2a6cf0;
  --ramp-spectrum-2: #5b3df0;
  --ramp-spectrum-3: #c03fb2;
  --ramp-spectrum-4: #f2586a;
  --ramp-spectrum-5: #f2953a;
  --ramp-dusk-0: #0b1022;
  --ramp-dusk-1: #1b4a7a;
  --ramp-dusk-2: #2aa3a0;
  --ramp-dusk-3: #f2b44a;
  --ramp-dusk-4: #fff4d2;
  --ramp-ember-0: #1a0b1f;
  --ramp-ember-1: #5c1446;
  --ramp-ember-2: #d3313b;
  --ramp-ember-3: #f78c2e;
  --ramp-ember-4: #ffeaa8;
  --ramp-glacier-0: #08101f;
  --ramp-glacier-1: #1d408f;
  --ramp-glacier-2: #4f9ae6;
  --ramp-glacier-3: #eaf7ff;
  --ramp-amber-0: #0d0e14;
  --ramp-amber-1: #3a2913;
  --ramp-amber-2: #d6892a;
  --ramp-amber-3: #ffd27a;
  --ramp-amber-4: #fffbea;
}
[data-theme="dark"] {
  --ground: #121212;
  --card: #1b1c20;
  --line: #2d2f35;
  --window: #121212;
  --window-floor: #1d1f24;
  --text: #ffffff;
  --text-muted: #9fa2aa;
  --paper: #f6f3ee;
  --ink: #121212;
  --white: #ffffff;
  --cobalt-deep: #2443d4;
  --cobalt-light: #8ea0f2;
  --mint-deep: #3e8c6c;
  --mint-light: #a9d3bf;
  --peach-deep: #c4683f;
  --peach-light: #f2b99f;
  --on-cobalt-deep: var(--white);
  --on-mint-deep: var(--ink);
  --on-peach-deep: var(--ink);
  --on-light: var(--ink);
  --accent: var(--cobalt-light);
  --focus: var(--cobalt-light);
  --data-1: #4f6ff0;
  --data-2: #a3b3f7;
  --data-3: #f2a03a;
  --data-4: #e0533f;
  --data-5: #b8477f;
  --data-none: #3a3c42;
  --pair-a: #2f6fe0;
  --pair-b: #f2783a;
  --bar-rest: #9fa2aa;
  --ramp-spectrum-0: #19a6a6;
  --ramp-spectrum-1: #2a6cf0;
  --ramp-spectrum-2: #5b3df0;
  --ramp-spectrum-3: #c03fb2;
  --ramp-spectrum-4: #f2586a;
  --ramp-spectrum-5: #f2953a;
  --ramp-dusk-0: #0b1022;
  --ramp-dusk-1: #1b4a7a;
  --ramp-dusk-2: #2aa3a0;
  --ramp-dusk-3: #f2b44a;
  --ramp-dusk-4: #fff4d2;
  --ramp-ember-0: #1a0b1f;
  --ramp-ember-1: #5c1446;
  --ramp-ember-2: #d3313b;
  --ramp-ember-3: #f78c2e;
  --ramp-ember-4: #ffeaa8;
  --ramp-glacier-0: #08101f;
  --ramp-glacier-1: #1d408f;
  --ramp-glacier-2: #4f9ae6;
  --ramp-glacier-3: #eaf7ff;
  --ramp-amber-0: #0d0e14;
  --ramp-amber-1: #3a2913;
  --ramp-amber-2: #d6892a;
  --ramp-amber-3: #ffd27a;
  --ramp-amber-4: #fffbea;
}
:root {
  --space-4: 4px;
  --space-8: 8px;
  --space-10: 10px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-48: 48px;
  --space-56: 56px;
  --measure: 400px;
  --radius-tile: 22%;
  --radius-chip: 8px;
  --radius-thumb: 12px;
  --radius-window: 16px;
  --radius-card: 24px;
  --radius-window-lg: 28px;
  --tile-gap: 0.16;
  --tile-corner: 0.22;
  --tile-pitch: 8px;
  --tile-pitch-thumb: 4px;
  --tile-threshold: 0.05;
  --tile-merge: 8;
  --tile-floor-cut: 0.28;
  --kit-columns: 8;
  --grain-paper: 0.06;
  --grain-ink: 0.08;
  --font-sans: "Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "DM Mono", ui-monospace, Menlo, monospace;
}
.part { font-family: var(--font-sans); font-size: 120px; line-height: 108px; font-weight: 600; letter-spacing: -0.04em; }
.stat { font-family: var(--font-sans); font-size: 72px; line-height: 72px; font-weight: 600; letter-spacing: -0.03em; }
.display { font-family: var(--font-sans); font-size: 48px; line-height: 52px; font-weight: 600; letter-spacing: -0.025em; }
.title { font-family: var(--font-sans); font-size: 30px; line-height: 36px; font-weight: 600; letter-spacing: -0.02em; }
.feature { font-family: var(--font-sans); font-size: 28px; line-height: 33px; font-weight: 600; letter-spacing: -0.015em; }
.card-title { font-family: var(--font-sans); font-size: 21px; line-height: 26px; font-weight: 600; letter-spacing: -0.01em; }
.item { font-family: var(--font-sans); font-size: 16px; line-height: 20px; font-weight: 600; letter-spacing: -0.01em; }
.lead { font-family: var(--font-sans); font-size: 24px; line-height: 30px; font-weight: 400; letter-spacing: -0.015em; }
.quote { font-family: var(--font-sans); font-size: 22px; line-height: 30px; font-weight: 500; letter-spacing: -0.01em; }
.body { font-family: var(--font-sans); font-size: 16px; line-height: 24px; font-weight: 400; }
.card-body { font-family: var(--font-sans); font-size: 14px; line-height: 21px; font-weight: 400; }
.meta { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 400; }
.ui { font-family: var(--font-sans); font-size: 13px; line-height: 16px; font-weight: 500; }
.key { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 500; }
.key-value { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 600; }
.wordmark { font-family: var(--font-sans); font-size: 24px; line-height: 24px; font-weight: 600; letter-spacing: 0.04em; }
.label { font-family: var(--font-mono); font-size: 11px; line-height: 16px; font-weight: 500; letter-spacing: 0.16em; }
.nav { font-family: var(--font-mono); font-size: 11px; line-height: 16px; font-weight: 500; letter-spacing: 0.18em; }
.source { font-family: var(--font-mono); font-size: 10px; line-height: 14px; font-weight: 500; letter-spacing: 0.12em; }
@font-face { font-family: "Hanken Grotesk"; src: url("fonts/HankenGrotesk-Variable.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: block; }
@font-face { font-family: "DM Mono"; src: url("fonts/DMMono-Light.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: block; }
@font-face { font-family: "DM Mono"; src: url("fonts/DMMono-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: block; }
@font-face { font-family: "DM Mono"; src: url("fonts/DMMono-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: block; }