/* generated by design-craft/scripts/tokens-build.mjs from brand/tokens.json (heirline, D1). Do not edit. */
@font-face { font-family: "Geist"; src: url(../fonts/geist-latin-wght.woff2) format("woff2-variations"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Geist Mono"; src: url(../fonts/geist-mono-latin-wght.woff2) format("woff2-variations"); font-weight: 100 900; font-display: swap; }
:root {
  color-scheme: light dark;
  --font-display: "Geist", ui-sans-serif, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, monospace;
  --fs-m1: clamp(0.7292rem, 0.7394rem + -0.0438vw, 0.7rem);
  --fs-0: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
  --fs-1: clamp(1.05rem, 1.0346rem + 0.0657vw, 1.0938rem);
  --fs-2: clamp(1.26rem, 1.2223rem + 0.161vw, 1.3672rem);
  --fs-4: clamp(1.8144rem, 1.7011rem + 0.4835vw, 2.1362rem);
  --fs-6: clamp(2.6127rem, 2.3574rem + 1.0894vw, 3.3379rem);
  --fs-8: clamp(3.7623rem, 3.2507rem + 2.183vw, 5.2154rem);
  --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;
  --sp-10: 128px;
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-pill: 999px;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-io: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-pop: cubic-bezier(0.15, 0.7, 0.3, 1);
  --dur-press: 120ms;
  --dur-ui: 180ms;
  --dur-row: 600ms;
  --dur-edge: 900ms;
  --dur-wash: 900ms;
  --stagger: 40ms;
  --color-ground: #0b0a08;
  --color-surface: #141210;
  --color-ink: #eee8dc;
  --color-ink-soft: #c4bba9;
  --color-ink-mute: #8f8676;
  --color-line: #2e2a24;
  --color-accent: #f2a93b;
  --color-accent-2: #ffd796;
  --color-accent-3: #6e4710;
  --color-accent-ink: #0b0a08;
  --color-up: #5cc8a6;
  --color-down: #ff5e57;
  --data-1: #f2a93b;
  --data-2: #ffd796;
  --data-3: #6e4710;
  --data-4: #c4bba9;
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  --color-ground: #0b0a08;
  --color-surface: #141210;
  --color-ink: #eee8dc;
  --color-ink-soft: #c4bba9;
  --color-ink-mute: #8f8676;
  --color-line: #2e2a24;
  --color-accent: #f2a93b;
  --color-accent-2: #ffd796;
  --color-accent-3: #6e4710;
  --color-accent-ink: #0b0a08;
  --color-up: #5cc8a6;
  --color-down: #ff5e57;
  --data-1: #f2a93b;
  --data-2: #ffd796;
  --data-3: #6e4710;
  --data-4: #c4bba9;
} }
:root[data-theme="dark"] {
  --color-ground: #0b0a08;
  --color-surface: #141210;
  --color-ink: #eee8dc;
  --color-ink-soft: #c4bba9;
  --color-ink-mute: #8f8676;
  --color-line: #2e2a24;
  --color-accent: #f2a93b;
  --color-accent-2: #ffd796;
  --color-accent-3: #6e4710;
  --color-accent-ink: #0b0a08;
  --color-up: #5cc8a6;
  --color-down: #ff5e57;
  --data-1: #f2a93b;
  --data-2: #ffd796;
  --data-3: #6e4710;
  --data-4: #c4bba9;
}
@media (prefers-reduced-motion: reduce) { :root {
  --dur-press: 0ms;
  --dur-ui: 0ms;
  --dur-row: 0ms;
  --dur-edge: 0ms;
  --dur-wash: 0ms;
  --stagger: 0ms;
} }