/* Generated by tokens/build.py from tokens/tokens.json. Do not edit by hand. */

:root {
  --c-purple: #3D1E6D;
  --c-lime: #C8F031;
  --c-paper: #F6F3EA;
  --c-orange: #FF5B1F;
  --c-steel: #8B93A7;
  --c-ink: #1A1424;
  --c-orange-ink: #B83A0B;
  --c-steel-ink: #5A6074;
  --c-paper-2: #ECE7D8;
  --c-night: #16111E;
  --c-night-2: #221A2F;
  --c-violet-soft: #C3B2EE;
  --c-orange-soft: #FF8A5C;
  --c-steel-soft: #ADA6BC;
  --c-orange-stamp: #E0470E;
  --c-wall: #411C76;
  --font-family-display: 'Bricolage Grotesque', system-ui, sans-serif;
  --font-family-body: 'Figtree', system-ui, sans-serif;
  --font-family-hand: 'Architects Daughter', 'Comic Neue', cursive;
  --font-size-note: 0.875rem;
  --font-size-small: 0.9375rem;
  --font-size-body: 1.125rem;
  --font-size-lead: 1.3125rem;
  --font-size-h3: 1.375rem;
  --font-size-h2: clamp(1.75rem, 1.2rem + 2vw, 2.75rem);
  --font-size-h1: clamp(2.25rem, 1.4rem + 3.6vw, 4.25rem);
  --font-size-brand: clamp(2.75rem, 1.6rem + 5vw, 5.75rem);
  --font-leading-tight: 1.02;
  --font-leading-snug: 1.2;
  --font-leading-body: 1.6;
  --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: 4rem;
  --space-9: 6rem;
  --layout-measure: 40rem;
  --layout-page: 76rem;
  --layout-gutter: clamp(1.25rem, 4vw, 3rem);
  --radius-sm: 4px;
  --radius-md: 10px;
  --radius-pill: 999px;
  --line-outline: 3px;
  --line-rule: 1.5px;
  --line-stamp: 3px;
  --shadow-pinned: 6px 6px 0 rgba(26, 20, 36, 0.9);
  --motion-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --motion-quick: 180ms;
  --motion-slow: 700ms;
  --c-surface: #F6F3EA;
  --c-surface-quiet: #ECE7D8;
  --c-text: #1A1424;
  --c-text-muted: #5A6074;
  --c-heading-accent: #3D1E6D;
  --c-tab-bg: #3D1E6D;
  --c-tab-text: #F6F3EA;
  --c-stamp: #E0470E;
  --c-stamp-text: #B83A0B;
  --c-highlight: #C8F031;
  --c-highlight-text: #1A1424;
  --c-link: #3D1E6D;
  --c-rule: #1A1424;
  --c-grid: #ECE7D8;
  --c-lab-wall: #411C76;
  --c-series-a: #B83A0B;
  --c-series-b: #3D1E6D;
  --c-focus: #3D1E6D;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    --c-surface: #16111E;
    --c-surface-quiet: #221A2F;
    --c-text: #F6F3EA;
    --c-text-muted: #ADA6BC;
    --c-heading-accent: #C3B2EE;
    --c-tab-bg: #C3B2EE;
    --c-tab-text: #16111E;
    --c-stamp: #FF8A5C;
    --c-stamp-text: #FF8A5C;
    --c-highlight: #C8F031;
    --c-highlight-text: #1A1424;
    --c-link: #C3B2EE;
    --c-rule: #ADA6BC;
    --c-grid: #221A2F;
    --c-lab-wall: #411C76;
    --c-series-a: #FF8A5C;
    --c-series-b: #C3B2EE;
    --c-focus: #C8F031;
  }
}

:root[data-theme='dark'] {
  --c-surface: #16111E;
  --c-surface-quiet: #221A2F;
  --c-text: #F6F3EA;
  --c-text-muted: #ADA6BC;
  --c-heading-accent: #C3B2EE;
  --c-tab-bg: #C3B2EE;
  --c-tab-text: #16111E;
  --c-stamp: #FF8A5C;
  --c-stamp-text: #FF8A5C;
  --c-highlight: #C8F031;
  --c-highlight-text: #1A1424;
  --c-link: #C3B2EE;
  --c-rule: #ADA6BC;
  --c-grid: #221A2F;
  --c-lab-wall: #411C76;
  --c-series-a: #FF8A5C;
  --c-series-b: #C3B2EE;
  --c-focus: #C8F031;
}