/* GENERATED from docs/design/tokens.json v0.2.0 by build.mjs. Do not edit. */
@font-face {
  font-family: "Inter";
  src: url("assets/fonts/inter-latin-wght-normal.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Source Serif 4";
  src: url("assets/fonts/source-serif-4-latin-wght-normal.woff2") format("woff2");
  font-weight: 200 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Source Serif 4";
  src: url("assets/fonts/source-serif-4-latin-wght-italic.woff2") format("woff2");
  font-weight: 200 900;
  font-style: italic;
  font-display: swap;
}
:root {
  color-scheme: light dark;
  --color-background: #FAF7F2;
  --color-surface: #FFFFFF;
  --color-surface-alt: #F2EDE4;
  --color-ink: #1B1F23;
  --color-ink-muted: #5B6168;
  --color-primary: #0F766E;
  --color-on-primary: #FFFFFF;
  --color-primary-tint: #CCE9E5;
  --color-primary-on-tint: #0B5F58;
  --color-gloss: #B45309;
  --color-gloss-tint: #FDE9C8;
  --color-gloss-on-tint: #92400E;
  --color-success: #166534;
  --color-error: #B91C1C;
  --color-line: #E3DDD2;
  --font-serif: "Source Serif 4", Georgia, "Times New Roman", serif;
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --type-display-size: 2rem;
  --type-display-line: 2.5rem;
  --type-display-weight: 600;
  --type-display-family: var(--font-serif);
  --type-headline-size: 1.5rem;
  --type-headline-line: 2rem;
  --type-headline-weight: 600;
  --type-headline-family: var(--font-serif);
  --type-transcript-size: 1.375rem;
  --type-transcript-line: 2rem;
  --type-transcript-weight: 400;
  --type-transcript-family: var(--font-serif);
  --type-title-size: 1.25rem;
  --type-title-line: 1.75rem;
  --type-title-weight: 500;
  --type-title-family: var(--font-sans);
  --type-body-size: 1rem;
  --type-body-line: 1.5rem;
  --type-body-weight: 400;
  --type-body-family: var(--font-sans);
  --type-label-size: 0.875rem;
  --type-label-line: 1.25rem;
  --type-label-weight: 500;
  --type-label-family: var(--font-sans);
  --type-caption-size: 0.75rem;
  --type-caption-line: 1rem;
  --type-caption-weight: 400;
  --type-caption-family: var(--font-sans);
  --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;
  --screen-margin: 1rem;
  --touch-min: 48px;
  --touch-gap: 8px;
  --radius-chip: 8px;
  --radius-card: 16px;
  --radius-sheet: 28px;
  --radius-button: 999px;
  --motion-micro: 150ms;
  --motion-standard: 220ms;
  --motion-slow: 300ms;
  --listening-pulse: 2.5s;
  --gloss-visible: 4000ms;
  --night: #0B1D1C;
  --night-raised: #12302D;
  --night-line: #24433F;
  --night-ink: #E8F1EE;
  --night-muted: #A3BBB5;
  --night-primary: #5DD6C8;
  --night-on-primary: #00201D;
  --night-gloss: #F5B547;
  --night-gloss-tint: #3A2A0C;
  --night-gloss-on-tint: #F5B547;
  --paper: #F1F4F0;
  --hero-size: clamp(2.5rem, 1.2rem + 5.4vw, 4.75rem);
  --hero-line: 1.04;
  --hero-tracking: -0.025em;
  --reveal-duration: 720ms;
  --reveal-stagger: 80ms;
  --reveal-distance: 18px;
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
}
@media (prefers-color-scheme: dark) {
  :root {
    --color-background: #0E1315;
    --color-surface: #151C1F;
    --color-surface-alt: #1D2629;
    --color-ink: #E9EEF0;
    --color-ink-muted: #A3AFB5;
    --color-primary: #5DD6C8;
    --color-on-primary: #00201D;
    --color-primary-tint: #12403B;
    --color-primary-on-tint: #5DD6C8;
    --color-gloss: #F5B547;
    --color-gloss-tint: #3A2A0C;
    --color-gloss-on-tint: #F5B547;
    --color-success: #4ADE80;
    --color-error: #F87171;
    --color-line: #2A3639;
    --paper: #0E1315;
  }
}