/* Generated from design/tokens.json. Run node design/build-tokens.mjs. */
:root {
  --ea-color-canvas: #090b0d;
  --ea-color-surface: #131819;
  --ea-color-raised: #1d2423;
  --ea-color-ink: #f5f4ef;
  --ea-color-muted: #adb8ad;
  --ea-color-faint: #8d998f;
  --ea-color-mint: #f5b335;
  --ea-color-violet: #c8c9c4;
  --ea-color-amber: #f5b335;
  --ea-color-paper: #e9e4db;
  --ea-color-paper-ink: #17191b;
  --ea-color-line: #b4c0b429;
  --ea-type-display: clamp(3.4rem, 6.7vw, 7.2rem);
  --ea-type-heading: clamp(2.5rem, 4.6vw, 5rem);
  --ea-type-title: clamp(1.6rem, 2.8vw, 2.8rem);
  --ea-type-body: 1rem;
  --ea-type-small: 0.8125rem;
  --ea-type-label: 0.6875rem;
  --ea-space-1: 0.25rem;
  --ea-space-2: 0.5rem;
  --ea-space-3: 0.75rem;
  --ea-space-4: 1rem;
  --ea-space-6: 1.5rem;
  --ea-space-8: 2rem;
  --ea-space-12: 3rem;
  --ea-space-16: 4rem;
  --ea-space-24: 6rem;
  --ea-radius-small: 0.375rem;
  --ea-radius-panel: 0.375rem;
  --ea-radius-round: 999px;
  --ea-layout-max: 1440px;
  --ea-layout-gutter: clamp(24px, 5vw, 88px);
  --ea-layout-section: clamp(72px, 8vw, 128px);
  --ea-motion-quick: 160ms;
  --ea-motion-standard: 360ms;
  --ea-motion-reveal: 720ms;
  --ea-motion-settle: 1100ms;
  --ea-motion-ease: cubic-bezier(.18,.82,.22,1);
}