/* Generated by scripts/build_tokens.py from design/tokens.json. Do not edit. */
/* Breakpoints (for reference; use standard media queries in stylesheets):
 *   --phone:   max-width 767px
 *   --tablet:  min-width 768px
 *   --desktop: min-width 1024px
 *   --wide:    min-width 1280px
 */

:root {
  --spore-white: #FFFFFF;
  --spore-cream: #F3E6C4;
  --spore-pink: #E9B8B4;
  --spore-chocolate: #6B4430;
  --spore-rust: #9A4A1F;
  --spore-purple-brown: #5B3F4A;
  --spore-black: #1E1B1A;
  --spore-olive: #7A8B4A;
  --spore-swatch-outline: #A6A1AE;
  --font-display: 'Bricolage Grotesque', 'Segoe UI', system-ui, sans-serif;
  --font-body: 'Atkinson Hyperlegible Next', 'Segoe UI', system-ui, sans-serif;
  --font-taxon: 'Newsreader', Georgia, 'Times New Roman', serif;
  --font-mono: ui-monospace, 'Cascadia Mono', Consolas, monospace;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-heavy: 800;
  --fs-display: clamp(2.5rem, 1.6rem + 3.4vw, 4.5rem);
  --fs-h1: clamp(2.125rem, 1.6rem + 2vw, 3.25rem);
  --fs-h2: clamp(1.625rem, 1.3rem + 1.4vw, 2.5rem);
  --fs-h3: clamp(1.25rem, 1.15rem + 0.4vw, 1.5rem);
  --fs-title: clamp(1.125rem, 1rem + 0.35vw, 1.3125rem);
  --fs-stat: clamp(2.25rem, 1.8rem + 1.6vw, 3rem);
  --fs-numeral: 1.6rem;
  --fs-lead: clamp(1.125rem, 1.05rem + 0.3vw, 1.3125rem);
  --fs-body: 1.125rem;
  --fs-small: 1rem;
  --fs-caption: 0.875rem;
  --fs-label: 0.8125rem;
  --lh-display: 1.02;
  --lh-heading: 1.1;
  --lh-title: 1.3;
  --lh-body: 1.65;
  --lh-lead: 1.5;
  --lh-tight: 1.2;
  --tr-display: -0.02em;
  --tr-heading: -0.01em;
  --tr-label: 0.12em;
  --role-display-family: var(--font-display);
  --role-display-weight: var(--fw-heavy);
  --role-heading-family: var(--font-display);
  --role-heading-weight: var(--fw-heavy);
  --role-title-family: var(--font-display);
  --role-title-weight: var(--fw-bold);
  --role-body-family: var(--font-body);
  --role-body-weight: var(--fw-regular);
  --role-strong-family: var(--font-body);
  --role-strong-weight: var(--fw-bold);
  --role-label-family: var(--font-body);
  --role-label-weight: var(--fw-bold);
  --role-button-family: var(--font-body);
  --role-button-weight: var(--fw-bold);
  --role-taxon-family: var(--font-taxon);
  --role-taxon-weight: var(--fw-medium);
  --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;
  --col-min: 768px;
  --col-max: 1056px;
  --col-inset: 224px;
  --col: clamp(768px, 100vw - 224px, 1056px);
  --gutter: 16px;
  --header-h: 64px;
  --tap-min: 44px;
  --control-h: 48px;
  --control-h-sm: 36px;
  --measure-lead: 60ch;
  --measure-prose: 68ch;
  --col-read: 768px;
  --band-y: clamp(1.25rem, 0.5rem + 1.5vw, 1.75rem);
  --rhythm-stack: 32px;
  --rhythm-sibling: 16px;
  --rhythm-label: 8px;
  --rhythm-heading-above: 32px;
  --rhythm-heading-below: 12px;
  --rhythm-min-gap: 8px;
  --pattern-strength-light: 0.06;
  --pattern-strength-dark: 0.09;
  --pattern-tile: 512px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --shadow-card: 0 1px 2px rgb(42 34 80 / 0.06), 0 6px 18px rgb(42 34 80 / 0.07);
  --border-hairline: 1px;
  --border-edge: 4px;
  --z-base: 1;
  --z-sticky: 10;
  --z-menu: 20;
  --z-sheet: 30;
  --z-toast: 40;
  --motion-fast: 120ms;
  --motion-base: 220ms;
  --motion-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --c-bg: #F7F6F2;
  --c-surface: #FFFFFF;
  --c-surface-sunk: #EFEDE7;
  --c-band-lilac: #ECE8F5;
  --c-band-paper: #F3EFE6;
  --c-band-sage: #E4EADB;
  --c-band-gold: #FBF0D6;
  --c-band-strong: #2A2250;
  --c-band-footer: #141318;
  --c-band-ink: #1B1A21;
  --c-on-ink: #F7F6F2;
  --c-on-ink-muted: #BDB9C7;
  --c-label-on-ink: #E3A72F;
  --c-focus-on-ink: #E3A72F;
  --c-line: #E2DFD8;
  --c-line-strong: #A6A1AE;
  --c-ink: #2B2A33;
  --c-ink-heading: #2A2250;
  --c-ink-muted: #5E5A66;
  --c-on-strong: #F7F6F2;
  --c-on-strong-muted: #C9C3DD;
  --c-accent: #2A2250;
  --c-accent-hover: #3B2F6E;
  --c-link: #4A2A6E;
  --c-highlight: #E3A72F;
  --c-highlight-ink: #8A6114;
  --c-label-on-light: #8A6114;
  --c-label-on-strong: #E3A72F;
  --c-chip: #ECE8F5;
  --c-on-chip: #2A2250;
  --c-focus: #4A2A6E;
  --c-focus-on-strong: #E3A72F;
  --c-danger: #B42318;
  --c-danger-bg: #FBE9E6;
  --c-emergency: #8F1D14;
  --c-on-emergency: #FFFFFF;
  --c-safe-bg: #E6EFE0;
  --ed-choice: #2F5A1E;
  --ed-choice-on-strong: #7CC45A;
  --ed-choice-text: #2F5A1E;
  --ed-edible: #4A7F2F;
  --ed-edible-on-strong: #9BD67A;
  --ed-edible-text: #3D6B26;
  --ed-caution: #A37A00;
  --ed-caution-on-strong: #F0BE3C;
  --ed-caution-text: #7A5A00;
  --ed-medicinal: #8A4FBF;
  --ed-medicinal-on-strong: #C29BEB;
  --ed-medicinal-text: #6E3AA0;
  --ed-inedible: #7C766C;
  --ed-inedible-on-strong: #B7B1A6;
  --ed-inedible-text: #5F5A52;
  --ed-poisonous: #B42318;
  --ed-poisonous-on-strong: #F26B5B;
  --ed-poisonous-text: #B42318;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --c-bg: #121019;
    --c-surface: #1A1724;
    --c-surface-sunk: #24202F;
    --c-band-lilac: #1E1A2C;
    --c-band-paper: #1F1C1A;
    --c-band-sage: #1A201B;
    --c-band-gold: #241E12;
    --c-band-strong: #231B45;
    --c-band-footer: #0D0B13;
    --c-band-ink: #0B0A0F;
    --c-on-ink: #F7F6F2;
    --c-on-ink-muted: #BDB9C7;
    --c-label-on-ink: #E3A72F;
    --c-focus-on-ink: #E3A72F;
    --c-line: #2F2A3D;
    --c-line-strong: #4A435C;
    --c-ink: #ECEAF2;
    --c-ink-heading: #F4F1FB;
    --c-ink-muted: #A9A4B8;
    --c-on-strong: #F7F6F2;
    --c-on-strong-muted: #C9C3DD;
    --c-accent: #C2AEE6;
    --c-accent-hover: #DCD3F0;
    --c-link: #C2AEE6;
    --c-highlight: #E3A72F;
    --c-highlight-ink: #E3A72F;
    --c-label-on-light: #F2CF83;
    --c-label-on-strong: #E3A72F;
    --c-chip: #2F2A3D;
    --c-on-chip: #ECEAF2;
    --c-focus: #E3A72F;
    --c-focus-on-strong: #E3A72F;
    --c-danger: #F2806F;
    --c-danger-bg: #341C19;
    --c-emergency: #8F1D14;
    --c-on-emergency: #FFFFFF;
    --c-safe-bg: #1C2A18;
    --ed-choice: #7CC45A;
    --ed-choice-on-strong: #7CC45A;
    --ed-choice-text: #7CC45A;
    --ed-edible: #9BD67A;
    --ed-edible-on-strong: #9BD67A;
    --ed-edible-text: #9BD67A;
    --ed-caution: #F0BE3C;
    --ed-caution-on-strong: #F0BE3C;
    --ed-caution-text: #F0BE3C;
    --ed-medicinal: #C29BEB;
    --ed-medicinal-on-strong: #C29BEB;
    --ed-medicinal-text: #C29BEB;
    --ed-inedible: #B7B1A6;
    --ed-inedible-on-strong: #B7B1A6;
    --ed-inedible-text: #B7B1A6;
    --ed-poisonous: #F26B5B;
    --ed-poisonous-on-strong: #F26B5B;
    --ed-poisonous-text: #F26B5B;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --c-bg: #121019;
  --c-surface: #1A1724;
  --c-surface-sunk: #24202F;
  --c-band-lilac: #1E1A2C;
  --c-band-paper: #1F1C1A;
  --c-band-sage: #1A201B;
  --c-band-gold: #241E12;
  --c-band-strong: #231B45;
  --c-band-footer: #0D0B13;
  --c-band-ink: #0B0A0F;
  --c-on-ink: #F7F6F2;
  --c-on-ink-muted: #BDB9C7;
  --c-label-on-ink: #E3A72F;
  --c-focus-on-ink: #E3A72F;
  --c-line: #2F2A3D;
  --c-line-strong: #4A435C;
  --c-ink: #ECEAF2;
  --c-ink-heading: #F4F1FB;
  --c-ink-muted: #A9A4B8;
  --c-on-strong: #F7F6F2;
  --c-on-strong-muted: #C9C3DD;
  --c-accent: #C2AEE6;
  --c-accent-hover: #DCD3F0;
  --c-link: #C2AEE6;
  --c-highlight: #E3A72F;
  --c-highlight-ink: #E3A72F;
  --c-label-on-light: #F2CF83;
  --c-label-on-strong: #E3A72F;
  --c-chip: #2F2A3D;
  --c-on-chip: #ECEAF2;
  --c-focus: #E3A72F;
  --c-focus-on-strong: #E3A72F;
  --c-danger: #F2806F;
  --c-danger-bg: #341C19;
  --c-emergency: #8F1D14;
  --c-on-emergency: #FFFFFF;
  --c-safe-bg: #1C2A18;
  --ed-choice: #7CC45A;
  --ed-choice-on-strong: #7CC45A;
  --ed-choice-text: #7CC45A;
  --ed-edible: #9BD67A;
  --ed-edible-on-strong: #9BD67A;
  --ed-edible-text: #9BD67A;
  --ed-caution: #F0BE3C;
  --ed-caution-on-strong: #F0BE3C;
  --ed-caution-text: #F0BE3C;
  --ed-medicinal: #C29BEB;
  --ed-medicinal-on-strong: #C29BEB;
  --ed-medicinal-text: #C29BEB;
  --ed-inedible: #B7B1A6;
  --ed-inedible-on-strong: #B7B1A6;
  --ed-inedible-text: #B7B1A6;
  --ed-poisonous: #F26B5B;
  --ed-poisonous-on-strong: #F26B5B;
  --ed-poisonous-text: #F26B5B;
  color-scheme: dark;
}
@media (prefers-reduced-motion: reduce) {
  :root { --motion-fast: 0ms; --motion-base: 0ms; }
}