/* generated by design-craft/scripts/tokens-build.mjs from brand/tokens.json (banked, D2). Do not edit. */
@font-face { font-family: "Archivo"; src: url(fonts/archivo-latin-wdth-normal.woff2) format("woff2-variations"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Archivo"; src: url(fonts/archivo-latin-wdth-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-500-normal.woff2) format("woff2"); font-weight: 500; font-display: swap; }
:root {
  color-scheme: light dark;
  --font-display: "Archivo", Arial Narrow, sans-serif;
  --font-body: "Archivo", ui-sans-serif, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --fs-m1: clamp(0.8rem, 0.7845rem + 0.066vw, 0.844rem);
  --fs-0: clamp(1rem, 0.956rem + 0.1878vw, 1.125rem);
  --fs-1: clamp(1.25rem, 1.1621rem + 0.375vw, 1.4996rem);
  --fs-2: clamp(1.5625rem, 1.4088rem + 0.6558vw, 1.999rem);
  --fs-3: clamp(1.9531rem, 1.7026rem + 1.069vw, 2.6647rem);
  --fs-5: clamp(3.0518rem, 2.4591rem + 2.5285vw, 4.7348rem);
  --fs-7: clamp(4.7684rem, 3.485rem + 5.4759vw, 8.4132rem);
  --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: 160px;
  --radius-sm: 0px;
  --radius-md: 2px;
  --radius-pill: 999px;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-io: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-snap: cubic-bezier(0.2, 0, 0, 1);
  --ease-pop: cubic-bezier(0.2, 1.2, 0.4, 1);
  --dur-press: 90ms;
  --dur-ui: 180ms;
  --dur-reveal: 600ms;
  --dur-scene: 900ms;
  --stagger: 50ms;
  --color-ground: #f3f2ec;
  --color-surface: #e7e6de;
  --color-ink: #0b0c0a;
  --color-ink-soft: #30332c;
  --color-ink-mute: #52564c;
  --color-line: #c6c5bb;
  --color-accent: #0a7a33;
  --color-accent-ink: #ffffff;
  --color-up: #0a7a33;
  --color-down: #b8261b;
  --data-1: #39f27a;
  --data-2: #f1f3eb;
  --data-3: #ff5a47;
  --data-4: #959c8b;
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  --color-ground: #0a0b09;
  --color-surface: #131511;
  --color-ink: #f1f3eb;
  --color-ink-soft: #c4c9bb;
  --color-ink-mute: #959c8b;
  --color-line: #2a2e25;
  --color-accent: #39f27a;
  --color-accent-ink: #06140b;
  --color-up: #39f27a;
  --color-down: #ff5a47;
  --data-1: #39f27a;
  --data-2: #f1f3eb;
  --data-3: #ff5a47;
  --data-4: #959c8b;
} }
:root[data-theme="dark"] {
  --color-ground: #0a0b09;
  --color-surface: #131511;
  --color-ink: #f1f3eb;
  --color-ink-soft: #c4c9bb;
  --color-ink-mute: #959c8b;
  --color-line: #2a2e25;
  --color-accent: #39f27a;
  --color-accent-ink: #06140b;
  --color-up: #39f27a;
  --color-down: #ff5a47;
  --data-1: #39f27a;
  --data-2: #f1f3eb;
  --data-3: #ff5a47;
  --data-4: #959c8b;
}
@media (prefers-reduced-motion: reduce) { :root {
  --dur-press: 0ms;
  --dur-ui: 0ms;
  --dur-reveal: 0ms;
  --dur-scene: 0ms;
  --stagger: 0ms;
} }