/* generated by design-craft/scripts/tokens-build.mjs from brand/tokens.json (uncle, D1). Do not edit. */
@font-face { font-family: "Fraunces"; src: url(../fonts/fraunces-latin-wght-normal.woff2) format("woff2-variations"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url(../fonts/ibm-plex-mono-latin-400-normal.woff2) format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url(../fonts/ibm-plex-mono-latin-600-normal.woff2) format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url(../fonts/ibm-plex-mono-latin-400-normal.woff2) format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url(../fonts/ibm-plex-mono-latin-600-normal.woff2) format("woff2"); font-weight: 600; font-display: swap; }
:root {
  color-scheme: light dark;
  --font-display: "Fraunces", Georgia, serif;
  --font-body: "IBM Plex Mono", ui-monospace, monospace;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --fs-m1: clamp(0.75rem, 0.7495rem + 0.0021vw, 0.7514rem);
  --fs-0: clamp(0.9375rem, 0.8935rem + 0.1878vw, 1.0625rem);
  --fs-1: clamp(1.1719rem, 1.0555rem + 0.4965vw, 1.5024rem);
  --fs-2: clamp(1.4648rem, 1.2326rem + 0.9908vw, 2.1244rem);
  --fs-3: clamp(1.8311rem, 1.4181rem + 1.7619vw, 3.0038rem);
  --fs-5: clamp(2.861rem, 1.7537rem + 4.7247vw, 6.0059rem);
  --fs-7: clamp(4.4703rem, 1.8162rem + 11.3243vw, 12.0081rem);
  --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-reveal: 600ms;
  --dur-scene: 1200ms;
  --stagger: 60ms;
  --color-ground: #e8ddbf;
  --color-surface: #ddd0ac;
  --color-ink: #121110;
  --color-ink-soft: #3a332a;
  --color-ink-mute: #5a5043;
  --color-line: #c4b48e;
  --color-accent: #6e1f1a;
  --color-accent-ink: #e8ddbf;
  --color-up: #1d6b3f;
  --color-down: #6e1f1a;
  --data-1: #d4a72c;
  --data-2: #39ff88;
  --data-3: #6e1f1a;
  --data-4: #c9bd9c;
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  --color-ground: #121110;
  --color-surface: #1c1a17;
  --color-ink: #e8ddbf;
  --color-ink-soft: #c9bd9c;
  --color-ink-mute: #9a8f78;
  --color-line: #35302a;
  --color-accent: #d4a72c;
  --color-accent-ink: #121110;
  --color-up: #39ff88;
  --color-down: #e0675c;
  --data-1: #d4a72c;
  --data-2: #39ff88;
  --data-3: #6e1f1a;
  --data-4: #c9bd9c;
} }
:root[data-theme="dark"] {
  --color-ground: #121110;
  --color-surface: #1c1a17;
  --color-ink: #e8ddbf;
  --color-ink-soft: #c9bd9c;
  --color-ink-mute: #9a8f78;
  --color-line: #35302a;
  --color-accent: #d4a72c;
  --color-accent-ink: #121110;
  --color-up: #39ff88;
  --color-down: #e0675c;
  --data-1: #d4a72c;
  --data-2: #39ff88;
  --data-3: #6e1f1a;
  --data-4: #c9bd9c;
}
@media (prefers-reduced-motion: reduce) { :root {
  --dur-press: 0ms;
  --dur-ui: 0ms;
  --dur-reveal: 0ms;
  --dur-scene: 0ms;
  --stagger: 0ms;
} }