/* PRFX — generated from tokens.json */
@font-face { font-family: "Inter Tight"; src: url("../fonts/inter-tight-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter Tight"; src: url("../fonts/inter-tight-latin-500-normal.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter Tight"; src: url("../fonts/inter-tight-latin-800-normal.woff2") format("woff2"); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("../fonts/jetbrains-mono-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
:root, [data-theme="light"] {
  --paper: #ffffff;
  --paper-raised: #f4f4f1;
  --line: #e3e3de;
  --ink: #0b0b0b;
  --ink-muted: #5c5c57;
  --ink-soft: #2b2b28;
  --data-mid: #8c8c86;
  --forest: #1e3a2f;
  --on-forest: #ffffff;
  --forest-soft: #c9d6ce;
  --lime: #c6f432;
  --on-lime: #0b0b0b;
  --lime-text: #4a6600;
  --cell-off: #e3e3de;
  --danger: #b42318;
  --spel-sun: #ffd23f;
  --spel-sky: #8fd3ff;
  --spel-coral: #ff8a65;
  --spel-pink: #ffb3d1;
}
[data-theme="dark"], .ink-section {
  --paper: #0b0b0b;
  --paper-raised: #161616;
  --line: #2a2a2a;
  --ink: #ffffff;
  --ink-muted: #a3a39c;
  --ink-soft: #dcdcd6;
  --lime-text: #c6f432;
  --cell-off: #3a3a3a;
  --danger: #ff8a7a;
}
:root {
  --font-sans: "Inter Tight", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 40px;
  --space-6: 64px;
  --radius-0: 0;
  --radius-sm: 2px;
  --radius-full: 9999px;
}
.display-xl { font-family: var(--font-sans); font-size: 80px; line-height: 0.95; font-weight: 800; letter-spacing: -0.03em; }
.display { font-family: var(--font-sans); font-size: 48px; line-height: 1; font-weight: 800; letter-spacing: -0.025em; }
.heading { font-family: var(--font-sans); font-size: 28px; line-height: 1.15; font-weight: 800; letter-spacing: -0.015em; }
.subheading { font-family: var(--font-sans); font-size: 20px; line-height: 1.3; font-weight: 500; letter-spacing: -0.01em; }
.body { font-family: var(--font-sans); font-size: 17px; line-height: 1.6; font-weight: 400; }
.body-small { font-family: var(--font-sans); font-size: 14px; line-height: 1.5; font-weight: 400; }
.label { font-family: var(--font-mono); font-size: 12px; line-height: 1.4; font-weight: 400; letter-spacing: 0.02em; }
.data { font-family: var(--font-mono); font-size: 15px; line-height: 1.5; font-weight: 400; }