/* generated by design-craft/scripts/tokens-build.mjs from brand/tokens.json (NOTEXT, D6). Do not edit. */
@font-face { font-family: "Funnel Display"; src: url(fonts/funnel-display-latin-wght-normal.woff2) format("woff2-variations"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Funnel Sans"; src: url(fonts/funnel-sans-latin-wght-normal.woff2) format("woff2-variations"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Azeret Mono"; src: url(fonts/azeret-mono-latin-wght-normal.woff2) format("woff2-variations"); font-weight: 100 900; font-display: swap; }
:root {
  color-scheme: light dark;
  --font-display: "Funnel Display", ui-sans-serif, sans-serif;
  --font-body: "Funnel Sans", ui-sans-serif, sans-serif;
  --font-mono: "Azeret Mono", ui-monospace, monospace;
  --fs-m1: clamp(0.8333rem, 0.8461rem + -0.0545vw, 0.7971rem);
  --fs-0: clamp(1rem, 0.978rem + 0.0939vw, 1.0625rem);
  --fs-1: clamp(1.2rem, 1.1238rem + 0.325vw, 1.4163rem);
  --fs-2: clamp(1.44rem, 1.2823rem + 0.673vw, 1.8879rem);
  --fs-3: clamp(1.728rem, 1.4503rem + 1.1848vw, 2.5166rem);
  --fs-5: clamp(2.4883rem, 1.7899rem + 2.9798vw, 4.4718rem);
  --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;
  --sp-11: 192px;
  --radius-sm: 2px;
  --radius-md: 6px;
  --radius-pill: 999px;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-io: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-breath: cubic-bezier(0.37, 0, 0.63, 1);
  --ease-stamp: cubic-bezier(0.18, 0.9, 0.24, 1.12);
  --dur-press: 120ms;
  --dur-ui: 180ms;
  --dur-reveal: 700ms;
  --dur-scene: 900ms;
  --dur-breath: 5000ms;
  --stagger: 60ms;
  --color-ground: #0b0a09;
  --color-surface: #141210;
  --color-ink: #efeae2;
  --color-ink-soft: #c4bdb2;
  --color-ink-mute: #8e877d;
  --color-line: #2a2723;
  --color-accent: #ffab2e;
  --color-accent-ink: #0b0a09;
  --color-support: #a4abae;
  --color-up: #cfe3c9;
  --color-down: #ff7a66;
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  --color-ground: #0b0a09;
  --color-surface: #141210;
  --color-ink: #efeae2;
  --color-ink-soft: #c4bdb2;
  --color-ink-mute: #8e877d;
  --color-line: #2a2723;
  --color-accent: #ffab2e;
  --color-accent-ink: #0b0a09;
  --color-support: #a4abae;
  --color-up: #cfe3c9;
  --color-down: #ff7a66;
} }
:root[data-theme="dark"] {
  --color-ground: #0b0a09;
  --color-surface: #141210;
  --color-ink: #efeae2;
  --color-ink-soft: #c4bdb2;
  --color-ink-mute: #8e877d;
  --color-line: #2a2723;
  --color-accent: #ffab2e;
  --color-accent-ink: #0b0a09;
  --color-support: #a4abae;
  --color-up: #cfe3c9;
  --color-down: #ff7a66;
}
@media (prefers-reduced-motion: reduce) { :root {
  --dur-press: 0ms;
  --dur-ui: 0ms;
  --dur-reveal: 0ms;
  --dur-scene: 0ms;
  --dur-breath: 0ms;
  --stagger: 0ms;
} }