/* generated by design-craft/scripts/tokens-build.mjs from brand/tokens.json (pumpling, D4). Do not edit. */
@font-face { font-family: "Silkscreen"; src: url(../fonts/silkscreen-latin-700-normal.woff2) format("woff2"); font-weight: 700; 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-700-normal.woff2) format("woff2"); font-weight: 700; 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-700-normal.woff2) format("woff2"); font-weight: 700; font-display: swap; }
:root {
  color-scheme: light dark;
  --font-display: "Silkscreen", ui-monospace, monospace;
  --font-body: "IBM Plex Mono", ui-monospace, monospace;
  --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;
  --radius-sm: 0px;
  --radius-md: 0px;
  --radius-pill: 0px;
  --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.6);
  --dur-press: 120ms;
  --dur-ui: 160ms;
  --dur-reveal: 480ms;
  --dur-scene: 900ms;
  --dur-sprite: 160ms;
  --stagger: 60ms;
  --color-ground: #fff6e2;
  --color-surface: #f7e7c6;
  --color-ink: #2a1a2e;
  --color-ink-soft: #4a3550;
  --color-ink-mute: #6a5470;
  --color-line: #e2c9a0;
  --color-accent: #117a3f;
  --color-accent-ink: #ffffff;
  --color-up: #117a3f;
  --color-down: #b8262e;
  --color-on-wood: #fff7e4;
  --color-on-wood-mute: #f4c48e;
  --color-night: #150e1b;
  --color-night-2: #22172b;
  --color-night-ink: #fff3dc;
  --color-night-mute: #bba98f;
  --color-paper: #fffdf6;
  --color-paper-ink: #2a1a2e;
  --color-paper-line: #e8dcc4;
  --data-1: #38e27a;
  --data-2: #ff4d4d;
  --data-3: #ffc440;
  --data-4: #ff8aa0;
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  --color-ground: #1b1220;
  --color-surface: #2a1e30;
  --color-ink: #fff3dc;
  --color-ink-soft: #e9d9bf;
  --color-ink-mute: #bba98f;
  --color-line: #433548;
  --color-accent: #38e27a;
  --color-accent-ink: #1b1220;
  --color-up: #38e27a;
  --color-down: #ff6b6b;
  --color-on-wood: #fff7e4;
  --color-on-wood-mute: #f4c48e;
  --color-night: #150e1b;
  --color-night-2: #22172b;
  --color-night-ink: #fff3dc;
  --color-night-mute: #bba98f;
  --color-paper: #fffdf6;
  --color-paper-ink: #2a1a2e;
  --color-paper-line: #e8dcc4;
  --data-1: #38e27a;
  --data-2: #ff4d4d;
  --data-3: #ffc440;
  --data-4: #ff8aa0;
} }
:root[data-theme="dark"] {
  --color-ground: #1b1220;
  --color-surface: #2a1e30;
  --color-ink: #fff3dc;
  --color-ink-soft: #e9d9bf;
  --color-ink-mute: #bba98f;
  --color-line: #433548;
  --color-accent: #38e27a;
  --color-accent-ink: #1b1220;
  --color-up: #38e27a;
  --color-down: #ff6b6b;
  --color-on-wood: #fff7e4;
  --color-on-wood-mute: #f4c48e;
  --color-night: #150e1b;
  --color-night-2: #22172b;
  --color-night-ink: #fff3dc;
  --color-night-mute: #bba98f;
  --color-paper: #fffdf6;
  --color-paper-ink: #2a1a2e;
  --color-paper-line: #e8dcc4;
  --data-1: #38e27a;
  --data-2: #ff4d4d;
  --data-3: #ffc440;
  --data-4: #ff8aa0;
}
@media (prefers-reduced-motion: reduce) { :root {
  --dur-press: 0ms;
  --dur-ui: 0ms;
  --dur-reveal: 0ms;
  --dur-scene: 0ms;
  --dur-sprite: 0ms;
  --stagger: 0ms;
} }