/* Generated by tokens/build.mjs — do not edit by hand. */
:root {
  /* Color · reference palette */
  --color-cotton: #F1EEE6; /* Cotton */
  --color-highlight: #FFFEF9; /* Highlight */
  --color-dusk: #C4BBAA; /* Dusk */
  --color-ink: #3D3935; /* Black 7 */
  --color-label: #5C5A56; /* Label */
  --color-mineral: #4F868E; /* Mineral */
  --color-shell: #C07D59; /* Light shell */
  --color-dried: #9A6A4F; /* Dried chitin */
  --color-magpie: #19497D; /* Magpie blue */
  --color-wing: #2E6DB4; /* Wing */

  /* Color · semantic */
  --color-background: #F1EEE6;
  --color-surface: #FFFEF9;
  --color-text: #3D3935;
  --color-text-muted: #5C5A56;
  --color-moment: #4F868E;
  --color-fiber: #C07D59;
  --color-buy: #9A6A4F;
  --color-key: #19497D;
  --color-key-light: #2E6DB4;

  /* Type · families */
  --font-heading: 'Literata', Georgia, serif;
  --font-body: 'Inter', system-ui, sans-serif;

  /* Type · scale (size / line-height / tracking) */
  --text-display: 8rem;
  --leading-display: 1.1;
  --tracking-display: -0.02em;
  --text-h1: 6rem;
  --leading-h1: 1.1;
  --tracking-h1: -0.01em;
  --text-h2: 4rem;
  --leading-h2: 1.1;
  --tracking-h2: -0.01em;
  --text-h3: 3rem;
  --leading-h3: 1.1;
  --tracking-h3: -0.01em;
  --text-h4: 2rem;
  --leading-h4: 1.1;
  --tracking-h4: -0.01em;
  --text-subhead: 2rem;
  --leading-subhead: 1.35;
  --tracking-subhead: -0.01em;
  --text-subhead-s: 1.5rem;
  --leading-subhead-s: 1.35;
  --tracking-subhead-s: -0.01em;
  --text-body-lg: 1.25rem;
  --leading-body-lg: 1.6;
  --tracking-body-lg: 0.01em;
  --text-body: 1rem;
  --leading-body: 1.6;
  --tracking-body: 0.01em;
  --text-body-sm: 0.875rem;
  --leading-body-sm: 1.5;
  --tracking-body-sm: 0.01em;
  --text-label: 0.8125rem;
  --leading-label: 1.2;
  --tracking-label: 0.06em;
  --text-caption: 0.75rem;
  --leading-caption: 1.4;
  --tracking-caption: 0.01em;

  /* Spacing · 4-base scale */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.5rem;
  --space-6: 4rem;
  --space-7: 6.5rem;

  /* Radius */
  --radius-none: 0px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-card: 12px;
  --radius-pill: 9999px;
}