/* GENERATED by scripts/gen-tokens.ts from src/contract/tokens.ts. Do not edit. */
:root {
  --bg: #ffffff;
  --ink: #000000;
  --ink-soft: #1e1e1e;
  --ink-faint: #71717a;
  --line: rgba(0, 0, 0, 0.1);
  --error: #f60000;
  --radius: 3px;
  --radius-chip: 2px;
  --img-fade: 180ms;
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 120ms;
  --dur: 200ms;
  --dur-slow: 320ms;
  --dur-hover: 700ms;
  --font-display: Dekmantel, "Arial Black", sans-serif;
  --font-body: "ABC Whyte", -apple-system, "Helvetica Neue", sans-serif;
  --font-mono: "Berkeley Mono", SpaceMono, ui-monospace, Menlo, monospace;
  --disc-compact: 32px;
  --disc-dock: 40px;
  --disc-card: 44px;
  --disc-panel: 56px;
  --article-w: 720px;
  --sp-hair: 2px;
  --sp-tight: 4px;
  --sp-snug: 6px;
  --sp-xs: 8px;
  --sp-sm: 12px;
  --sp-md: 16px;
  --sp-lg: 20px;
  --sp-xl: 24px;
  --sp-xxl: 32px;
  --sp-huge: 48px;
  --gutter: 24px;
  --sec-gap: 24px;
  --rail-gap: 12px;
  --head-gap: 8px;
  --cap-gap: 6px;
  --cap-line: 2px;
  --row-y: 12px;
  --ctl-y: 6px;
  --ctl-x: 12px;
}