/* Generated by scripts/build_tokens.py from design/tokens.json. Do not edit. */
:root {
  --color-page: #FFFCF8;
  --color-white: #FFFFFF;
  --color-stone: #EFE4D8;
  --color-saffron-pale: #FBE6BF;
  --color-mist: #E2EBD8;
  --color-saffron: #F2A23A;
  --color-clove: #3A1F2B;
  --color-plum: #4B2B3A;
  --color-night: #22121A;
  --color-ink: #201A1E;
  --color-ink-2: #4A4247;
  --color-muted: #645C61;
  --color-rust: #9A4E00;
  --color-red: #8E1F12;
  --color-red-deep: #7A1609;
  --color-cream: #FFF6EC;
  --color-cream-2: #D9C9C0;
  --color-line: #E4DAD1;
  --color-field: #8C8288;
  --color-focus: #1F5FBF;
  --color-focus-dark: #8FB4FF;
  --color-green: #2F6B3A;
  --color-amber: #7A4A00;
  --color-stop: #8E1F12;
  --color-tint-cream: #F6EBDD;
  --color-line-strong: #CDBFB3;
  --color-spice-salt: #DCD6CF;
  --color-spice-pepper: #3B302B;
  --color-spice-cumin-seed: #7C6A3A;
  --color-spice-paprika: #B8321A;
  --color-spice-cumin: #B98A55;
  --color-spice-ginger: #D9A53A;
  --color-heat-none: #5F5A5D;
  --color-heat-mild: #2F6B3A;
  --color-heat-medium: #7A4A00;
  --color-heat-hot: #A13A12;
  --color-heat-fiery: #8E1F12;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;
  --radius-1: 8px;
  --radius-2: 14px;
  --radius-3: 16px;
  --radius-pill: 999px;
  --font-display: "Young Serif", "Young Serif Fallback", Georgia, serif;
  --font-body: "Figtree", "Figtree Fallback", system-ui, sans-serif;
  --font-size-display: clamp(2.75rem, 1.7rem + 3.4vw, 4.5rem);
  --font-size-h1: clamp(2.125rem, 1.6rem + 2vw, 3.25rem);
  --font-size-h2: clamp(1.75rem, 1.3rem + 1.9vw, 3rem);
  --font-size-h3: clamp(1.3125rem, 1.2rem + .45vw, 1.625rem);
  --font-size-title: 1.1875rem;
  --font-size-lead: clamp(1.1875rem, 1.13rem + .25vw, 1.3125rem);
  --font-size-body: 1.1875rem;
  --font-size-small: 1rem;
  --font-size-label: 0.875rem;
  --font-size-data: clamp(3.5rem, 2.8rem + 2.6vw, 4.5rem);
  --font-weight-text: 400;
  --font-weight-medium: 500;
  --font-weight-strong: 600;
  --font-weight-heading: 400;
  --font-leading-display: 1.0;
  --font-leading-heading: 1.1;
  --font-leading-body: 1.62;
  --font-leading-tight: 1.3;
  --layout-page: 1200px;
  --layout-read: 720px;
  --layout-measure: 66ch;
  --layout-gutter: clamp(16px, 12px + 1vw, 24px);
  --layout-header: 80px;
  --layout-header-mobile: 60px;
  --layout-tap: 44px;
  --rhythm-section-tall: clamp(64px, 40px + 4.5vw, 104px);
  --rhythm-section: clamp(48px, 32px + 2.6vw, 72px);
  --rhythm-section-short: clamp(28px, 22px + 1.4vw, 44px);
  --rhythm-block: clamp(32px, 24px + 2vw, 48px);
  --rhythm-element: 16px;
  --rhythm-tight: 8px;
  --edge-wave-h: 360px;
  --edge-wave-top: -169px;
  --edge-wave-amp: 32px;
  --edge-scallop-h: 340px;
  --edge-scallop-top: -150px;
  --edge-scallop-amp: 14px;
  --edge-kraft-h: 300px;
  --edge-kraft-top: -144px;
  --edge-kraft-amp: 16px;
  --edge-badge: 48px;
  --pattern-tile: 480px;
  --pattern-opacity-light: 0.07;
  --pattern-opacity-dark: 0.09;
  --pattern-opacity-hatch: 0.04;
  --shadow-lift: 0 10px 30px rgba(58, 31, 43, .10);
  --z-header: 40;
  --z-skip: 100;
  --role-surface-page: var(--color-page);
  --role-surface-raised: var(--color-white);
  --role-surface-stone: var(--color-stone);
  --role-surface-saffron-pale: var(--color-saffron-pale);
  --role-surface-mist: var(--color-mist);
  --role-surface-saffron: var(--color-saffron);
  --role-surface-dark: var(--color-clove);
  --role-surface-footer: var(--color-night);
  --role-surface-circle: var(--color-tint-cream);
  --role-ink-primary: var(--color-ink);
  --role-ink-secondary: var(--color-ink-2);
  --role-ink-muted: var(--color-muted);
  --role-ink-on-dark: var(--color-cream);
  --role-ink-on-dark-2: var(--color-cream-2);
  --role-ink-on-saffron: var(--color-ink);
  --role-accent-fill: var(--color-saffron);
  --role-accent-text: var(--color-rust);
  --role-accent-emphasis: var(--color-red);
  --role-line-subtle: var(--color-line);
  --role-line-field: var(--color-field);
  --role-focus-light: var(--color-focus);
  --role-focus-dark: var(--color-focus-dark);
  --role-status-exact: var(--color-green);
  --role-status-approximate: var(--color-amber);
  --role-status-contextual: var(--color-ink-2);
  --role-status-stop: var(--color-stop);
  --component-button-bg: var(--color-clove);
  --component-button-ink: var(--color-cream);
  --component-button-dark-bg: var(--color-saffron);
  --component-button-dark-ink: var(--color-ink);
  --component-nav-pill-bg: var(--color-stone);
  --component-nav-active-bg: var(--color-clove);
  --component-nav-active-ink: var(--color-cream);
  --component-table-head-bg: var(--color-clove);
  --component-table-head-ink: var(--color-cream);
}