/* GENERATED from design/tokens.json by scripts/tokens.js. Do not edit. */
:root {
  /* color */
  --c-ground: #000000;
  --c-surface: #0f0f0f;
  --c-surface-raised: #1a1a1a;
  --c-line: #2b2b2b;
  --c-line-strong: #767676;
  --c-text: #ffffff;
  --c-text-body: #d4d4d4;
  --c-text-dim: #9a9a9a;
  --c-text-off: #767676;
  --c-on-white: #000000;
  --c-veil: rgba(0, 0, 0, 0.94);
  /* font */
  --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  /* size */
  --text-xs: 0.75rem;
  --text-s: 0.875rem;
  --text-m: 1rem;
  --text-l: 1.25rem;
  --text-xl: clamp(1.5rem, 1.1rem + 1.6vw, 2.125rem);
  --text-xxl: clamp(2rem, 1.2rem + 3.6vw, 3.5rem);
  /* weight */
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  /* tracking */
  --track-wide: 0.32em;
  --track-open: 0.08em;
  --track-none: 0;
  /* space */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: clamp(4rem, 10vw, 7rem);
  --space-gutter: clamp(1rem, 4vw, 2.5rem);
  /* shape */
  --edge: 1px;
  --edge-heavy: 2px;
  --radius: 2px;
  --radius-round: 999px;
  --radius-image: 0;
  --target: 2.75rem;
  --target-min: 1.5rem;
  --focus: 2px solid #ffffff;
  --width-text: 38rem;
  --width-page: 82rem;
  /* motion */
  --motion-fast: 120ms;
  --motion-slow: 260ms;
  --motion-ease: cubic-bezier(0.2, 0, 0, 1);
}