/* Generated from src/tokens.json by scripts/build.js. Do not edit. */
@font-face { font-family: 'Hanken Grotesk'; src: url('../fonts/HankenGrotesk-Variable.woff2') format('woff2'); font-weight: 100 900; font-style: normal; font-display: swap; }

@font-face { font-family: 'IBM Plex Mono'; src: url('../fonts/IBMPlexMono-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }

:root, [data-theme="dark"] {
  --canvas: #141413;
  --ink: #f5f4ef;
  --ink-2: #a8a6a0;
  --ink-3: #8f8d86;
  --divider: #343330;
  --rule: #6b6964;
  --media-fill: #1f1e1c;
  --focus: var(--ink);
}

:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --space-40: 160px;
  --radius-0: 0;
  --radius-focus: 2px;
  --grid-columns: 12;
  --content-max: 1440px;
  --margin-column: 2;
  --duration-fast: 150ms;
  --duration-enter: 400ms;
  --stagger: 60ms;
  --font-sans: "Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;
}