/* generated by design-craft/scripts/tokens-build.mjs from brand/tokens.json (PUMP SCALP, 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"; 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-body: "Geist", ui-sans-serif, sans-serif;
  --font-mono: "Geist 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-4: clamp(2.0736rem, 1.6225rem + 1.9246vw, 3.3547rem);
  --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: 20px;
  --sp-6: 24px;
  --sp-7: 32px;
  --sp-8: 48px;
  --sp-9: 64px;
  --sp-10: 96px;
  --radius-sm: 3px;
  --radius-md: 8px;
  --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: 900ms;
  --dur-wash: 1200ms;
  --dur-row: 1400ms;
  --stagger: 70ms;
  --color-ground: #f2f7f6;
  --color-surface: #e4eeec;
  --color-ink: #0a1c1a;
  --color-ink-soft: #2f4a47;
  --color-ink-mute: #4a6662;
  --color-line: #c5d8d5;
  --color-accent: #0b7a70;
  --color-accent-2: #0f9a8d;
  --color-accent-3: #064a44;
  --color-accent-ink: #ffffff;
  --color-up: #0b7a70;
  --color-down: #b42318;
  --data-1: #3dd6c8;
  --data-2: #a8f0e8;
  --data-3: #0d5c55;
  --data-4: #7aa8a1;
  --data-5: #e3f5f2;
  --data-6: #2aa89c;
  --data-7: #ff6b5e;
  --data-8: #a4cbc6;
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  --color-ground: #010606;
  --color-surface: #081211;
  --color-ink: #e3f5f2;
  --color-ink-soft: #a4cbc6;
  --color-ink-mute: #7aa8a1;
  --color-line: #16302d;
  --color-accent: #3dd6c8;
  --color-accent-2: #a8f0e8;
  --color-accent-3: #0d5c55;
  --color-accent-ink: #001614;
  --color-up: #3dd6c8;
  --color-down: #ff6b5e;
  --data-1: #3dd6c8;
  --data-2: #a8f0e8;
  --data-3: #0d5c55;
  --data-4: #7aa8a1;
  --data-5: #e3f5f2;
  --data-6: #2aa89c;
  --data-7: #ff6b5e;
  --data-8: #a4cbc6;
} }
:root[data-theme="dark"] {
  --color-ground: #010606;
  --color-surface: #081211;
  --color-ink: #e3f5f2;
  --color-ink-soft: #a4cbc6;
  --color-ink-mute: #7aa8a1;
  --color-line: #16302d;
  --color-accent: #3dd6c8;
  --color-accent-2: #a8f0e8;
  --color-accent-3: #0d5c55;
  --color-accent-ink: #001614;
  --color-up: #3dd6c8;
  --color-down: #ff6b5e;
  --data-1: #3dd6c8;
  --data-2: #a8f0e8;
  --data-3: #0d5c55;
  --data-4: #7aa8a1;
  --data-5: #e3f5f2;
  --data-6: #2aa89c;
  --data-7: #ff6b5e;
  --data-8: #a4cbc6;
}
@media (prefers-reduced-motion: reduce) { :root {
  --dur-press: 0ms;
  --dur-ui: 0ms;
  --dur-reveal: 0ms;
  --dur-scene: 0ms;
  --dur-wash: 0ms;
  --dur-row: 0ms;
  --stagger: 0ms;
} }