/* Design Tokens - Auto-generated */
/* Do not edit directly - modify tokens.json instead */

/* === PRIMITIVES === */
:root {
  --primitive-color-cream-50: #FDFCF5;
  --primitive-color-cream-100: #F9F7EA;
  --primitive-color-cream-200: #F6F0EA;
  --primitive-color-cream-300: #EBEEDE;
  --primitive-color-cream-400: #DADBC8;
  --primitive-color-cream-500: #C9CBB9;
  --primitive-color-forest-300: #5B8F3F;
  --primitive-color-forest-400: #3F7A3E;
  --primitive-color-forest-500: #2B6637;
  --primitive-color-forest-600: #234D33;
  --primitive-color-forest-700: #1C4228;
  --primitive-color-forest-800: #123624;
  --primitive-color-forest-900: #0A3F21;
  --primitive-color-forest-950: #1B2E1F;
  --primitive-color-marigold-100: #FBF2C4;
  --primitive-color-marigold-300: #F7D878;
  --primitive-color-marigold-500: #F2C230;
  --primitive-color-marigold-600: #E2AF1C;
  --primitive-color-marigold-700: #C8A45C;
  --primitive-color-tint-green: #E8F3D9;
  --primitive-color-tint-yellow: #FBF2C4;
  --primitive-color-tint-blue: #DCE9F8;
  --primitive-color-tint-lavender: #F0E8FA;
  --primitive-color-coral: #F0866F;
  --primitive-color-ink-body: #5A5A52;
  --primitive-color-ink-muted: #7E7E74;
  --primitive-color-white: #FFFFFF;
  --primitive-color-black: #000000;
  --primitive-font-family-serif: 'Fraunces', 'Lora', 'Playfair Display', Georgia, serif;
  --primitive-font-family-sans: 'Figtree', 'Lexend', 'Nunito Sans', system-ui, sans-serif;
  --primitive-font-weight-regular: 400;
  --primitive-font-weight-medium: 500;
  --primitive-font-weight-semibold: 600;
  --primitive-font-weight-bold: 700;
  --primitive-font-size-xs: 0.8125rem;
  --primitive-font-size-sm: 0.875rem;
  --primitive-font-size-base: 1rem;
  --primitive-font-size-lg: 1.125rem;
  --primitive-font-size-xl: 1.375rem;
  --primitive-font-size-2xl: 1.75rem;
  --primitive-font-size-3xl: 2.25rem;
  --primitive-font-size-4xl: 3rem;
  --primitive-font-size-5xl: 4rem;
  --primitive-font-size-6xl: 5.5rem;
  --primitive-font-leading-tight: 1.05;
  --primitive-font-leading-snug: 1.2;
  --primitive-font-leading-normal: 1.6;
  --primitive-font-tracking-tight: -0.01em;
  --primitive-font-tracking-wide: 0.12em;
  --primitive-font-tracking-wider: 0.3em;
  --primitive-spacing-0: 0;
  --primitive-spacing-1: 0.25rem;
  --primitive-spacing-2: 0.5rem;
  --primitive-spacing-3: 0.75rem;
  --primitive-spacing-4: 1rem;
  --primitive-spacing-5: 1.25rem;
  --primitive-spacing-6: 1.5rem;
  --primitive-spacing-8: 2rem;
  --primitive-spacing-10: 2.5rem;
  --primitive-spacing-12: 3rem;
  --primitive-spacing-16: 4rem;
  --primitive-spacing-20: 5rem;
  --primitive-spacing-24: 6rem;
  --primitive-spacing-32: 8rem;
  --primitive-radius-sm: 0.5rem;
  --primitive-radius-md: 0.75rem;
  --primitive-radius-lg: 1rem;
  --primitive-radius-xl: 1.5rem;
  --primitive-radius-2xl: 2rem;
  --primitive-radius-full: 9999px;
  --primitive-shadow-none: none;
  --primitive-shadow-sm: 0 1px 2px rgb(27 46 31 / 0.06);
  --primitive-shadow-md: 0 6px 16px rgb(27 46 31 / 0.08);
  --primitive-shadow-lg: 0 14px 32px rgb(27 46 31 / 0.14);
  --primitive-shadow-photo: 0 10px 24px rgb(27 46 31 / 0.18);
  --primitive-border-hairline: 1px;
  --primitive-border-frame: 4px;
  --primitive-duration-fast: 150ms;
  --primitive-duration-normal: 250ms;
  --primitive-duration-slow: 400ms;
  --primitive-container-max: 1280px;
  --primitive-container-gutter: 1.5rem;
}

/* === SEMANTIC === */
:root {
  --color-background: #F9F7EA;
  --color-background-alt: #F6F0EA;
  --color-surface: #FDFCF5;
  --color-surface-tint: #EBEEDE;
  --color-foreground: #1B2E1F;
  --color-foreground-body: #5A5A52;
  --color-foreground-muted: #7E7E74;
  --color-border: #DADBC8;
  --color-border-decorative: #C9CBB9;
  --color-primary: #F2C230;
  --color-primary-hover: #E2AF1C;
  --color-primary-foreground: #1B2E1F;
  --color-secondary: #1C4228;
  --color-secondary-hover: #123624;
  --color-secondary-foreground: #FFFFFF;
  --color-accent: #C8A45C;
  --color-accent-leaf: #5B8F3F;
  --color-accent-coral: #F0866F;
  --color-link: #2B6637;
  --color-link-hover: #1C4228;
  --color-ring: #F2C230;
  --color-inverse-background: #123624;
  --color-inverse-background-alt: #234D33;
  --color-inverse-foreground: #F9F7EA;
  --color-inverse-foreground-body: rgb(249 247 234 / 0.82);
  --color-inverse-eyebrow: #F2C230;
  --color-footer-background: #2B6637;
  --color-footer-bar: #0A3F21;
  --color-badge-green: #E8F3D9;
  --color-badge-yellow: #FBF2C4;
  --color-badge-blue: #DCE9F8;
  --color-badge-lavender: #F0E8FA;
  --typography-font-heading: 'Fraunces', 'Lora', 'Playfair Display', Georgia, serif;
  --typography-font-body: 'Figtree', 'Lexend', 'Nunito Sans', system-ui, sans-serif;
  --typography-display-size: 5.5rem;
  --typography-h1-size: 4rem;
  --typography-h2-size: 3rem;
  --typography-h3-size: 1.75rem;
  --typography-h4-size: 1.375rem;
  --typography-body-size: 1rem;
  --typography-small-size: 0.875rem;
  --typography-eyebrow-size: 0.8125rem;
  --typography-eyebrow-tracking: 0.12em;
  --typography-heading-leading: 1.05;
  --typography-body-leading: 1.6;
  --spacing-component: 1.5rem;
  --spacing-card-gap: 1.5rem;
  --spacing-section: 6rem;
  --spacing-section-sm: 4rem;
  --radius-control: 0.75rem;
  --radius-card: 1.5rem;
  --radius-panel: 2rem;
  --radius-pill: 9999px;
}

/* === COMPONENTS === */
:root {
  --button-bg: #F2C230;
  --button-fg: #1B2E1F;
  --button-hover-bg: #E2AF1C;
  --button-padding-x: 1.5rem;
  --button-padding-y: 0.75rem;
  --button-radius: 0.75rem;
  --button-font-size: 0.875rem;
  --button-font-weight: 600;
  --button-shadow: 0 1px 2px rgb(27 46 31 / 0.06);
  --button-pill-radius: 9999px;
  --button-secondary-bg: #1C4228;
  --button-secondary-fg: #FFFFFF;
  --button-secondary-hover-bg: #123624;
  --button-ghost-bg: transparent;
  --button-ghost-fg: #1B2E1F;
  --button-ghost-border: #1B2E1F;
  --icon-button-size: 3rem;
  --icon-button-bg: #DADBC8;
  --icon-button-fg: #1B2E1F;
  --icon-button-active-bg: #1C4228;
  --icon-button-active-fg: #FFFFFF;
  --icon-button-radius: 9999px;
  --text-link-fg: #2B6637;
  --text-link-hover-fg: #1C4228;
  --text-link-font-weight: 600;
  --text-link-arrow-gap: 0.5rem;
  --card-bg: #FDFCF5;
  --card-border: #DADBC8;
  --card-radius: 1.5rem;
  --card-padding: 1.5rem;
  --card-shadow: 0 6px 16px rgb(27 46 31 / 0.08);
  --card-hover-shadow: 0 14px 32px rgb(27 46 31 / 0.14);
  --card-image-radius: 1rem;
  --card-title-rule: #C8A45C;
  --icon-circle-size: 3.5rem;
  --icon-circle-bg: #EBEEDE;
  --icon-circle-fg: #2B6637;
  --icon-circle-on-photo-bg: #FFFFFF;
  --pill-bg: #E8F3D9;
  --pill-fg: #1B2E1F;
  --pill-padding-x: 0.75rem;
  --pill-padding-y: 0.25rem;
  --pill-font-size: 0.8125rem;
  --pill-font-weight: 700;
  --pill-tracking: 0.06em;
  --pill-radius: 9999px;
  --eyebrow-fg: #2B6637;
  --eyebrow-inverse-fg: #F2C230;
  --eyebrow-font-size: 0.8125rem;
  --eyebrow-tracking: 0.12em;
  --eyebrow-rule-color: #C8A45C;
  --eyebrow-rule-width: 2.5rem;
  --section-padding-y: 6rem;
  --section-inverse-radius: 2rem;
  --section-inverse-inset: 1rem;
  --hero-overlay: linear-gradient(90deg, rgb(27 46 31 / 0.72) 0%, rgb(27 46 31 / 0.25) 55%, rgb(27 46 31 / 0) 100%);
  --hero-radius: 2rem;
  --hero-title-fg: #FFFFFF;
  --hero-title-italic-fg: #F2C230;
  --hero-scribble: #F0866F;
  --input-bg: #FFFFFF;
  --input-fg: #1B2E1F;
  --input-border: #DADBC8;
  --input-focus-ring: #F2C230;
  --input-radius: 9999px;
  --input-padding-x: 1.25rem;
  --input-padding-y: 0.75rem;
  --footer-bg: #2B6637;
  --footer-bar-bg: #0A3F21;
  --footer-fg: #F9F7EA;
  --footer-heading-fg: #FFFFFF;
  --footer-heading-rule: #F2C230;
  --footer-bullet: #F7D878;
  --footer-divider: rgb(255 255 255 / 0.18);
  --footer-radius-top: 2rem;
  --play-button-size: 3.5rem;
  --play-button-bg: #FFFFFF;
  --play-button-fg: #3F7A3E;
}