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

/* === PRIMITIVES === */
:root {
  --primitive-color-ink: #1E2420;
  --primitive-color-green-600: #2E5A43;
  --primitive-color-green-700: #24493A;
  --primitive-color-offwhite: #F5F5F0;
  --primitive-color-white: #FFFFFF;
  --primitive-color-gray: #6B716D;
  --primitive-color-error: #A13A24;
  --primitive-color-gold-200: #F3E6C0;
  --primitive-color-gold-400: #C8B27D;
  --primitive-color-gold-600: #A8884F;
  --primitive-color-gold-700: #8C6A2F;
  --primitive-color-gold-800: #6E5222;
  --primitive-alpha-ink-12: rgba(30, 36, 32, 0.12);
  --primitive-alpha-ink-60: rgba(30, 36, 32, 0.6);
  --primitive-alpha-ink-92: rgba(30, 36, 32, 0.92);
  --primitive-alpha-offwhite-06: rgba(245, 245, 240, 0.06);
  --primitive-alpha-offwhite-14: rgba(245, 245, 240, 0.14);
  --primitive-alpha-offwhite-72: rgba(245, 245, 240, 0.72);
  --primitive-font-serif: 'Newsreader', Georgia, 'Times New Roman', serif;
  --primitive-font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --primitive-size-12: 0.75rem;
  --primitive-size-13: 0.8125rem;
  --primitive-size-14: 0.875rem;
  --primitive-size-16: 1rem;
  --primitive-size-18: 1.125rem;
  --primitive-size-20: 1.25rem;
  --primitive-size-22: 1.375rem;
  --primitive-space-1: 4px;
  --primitive-space-2: 8px;
  --primitive-space-3: 12px;
  --primitive-space-4: 16px;
  --primitive-space-5: 20px;
  --primitive-space-6: 24px;
  --primitive-space-8: 32px;
  --primitive-space-10: 40px;
  --primitive-space-12: 48px;
  --primitive-space-16: 64px;
  --primitive-space-20: 80px;
  --primitive-space-30: 120px;
  --primitive-radius-sm: 8px;
  --primitive-radius-md: 12px;
  --primitive-radius-lg: 16px;
  --primitive-radius-xl: 24px;
  --primitive-radius-pill: 999px;
}

/* === SEMANTIC === */
:root {
  --color-bg-base: #F5F5F0;
  --color-bg-alt: #FFFFFF;
  --color-bg-inverse: #1E2420;
  --color-bg-card-dark: #1E2420;
  --color-bg-card-on-dark: rgba(245, 245, 240, 0.06);
  --color-bg-card-light: #F5F5F0;
  --color-text-heading: #1E2420;
  --color-text-body: #1E2420;
  --color-text-muted: #6B716D;
  --color-text-on-dark: #FFFFFF;
  --color-text-on-dark-muted: rgba(245, 245, 240, 0.72);
  --color-text-on-accent: #FFFFFF;
  --color-accent-default: #2E5A43;
  --color-accent-hover: #24493A;
  --color-on-dark-accent-bg: #F5F5F0;
  --color-on-dark-accent-fg: #1E2420;
  --color-border-light: rgba(30, 36, 32, 0.12);
  --color-border-strong: #1E2420;
  --color-border-on-dark: rgba(245, 245, 240, 0.14);
  --color-overlay: rgba(30, 36, 32, 0.92);
  --color-error: #A13A24;
  --color-gold-on-dark: linear-gradient(100deg, #F3E6C0 0%, #C8B27D 45%, #E6D3A0 70%, #A8884F 100%);
  --color-gold-on-light: linear-gradient(100deg, #A8884F 0%, #8C6A2F 50%, #6E5222 100%);
  --color-gold-solid-on-dark: #C8B27D;
  --color-gold-solid-on-light: #8C6A2F;
  --font-heading: 'Newsreader', Georgia, 'Times New Roman', serif;
  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --text-display: clamp(2.25rem, 5.4vw, 4.25rem);
  --text-h2: clamp(1.875rem, 3.6vw, 3rem);
  --text-h3: clamp(1.375rem, 2vw, 1.75rem);
  --text-h4: clamp(1.25rem, 0.9rem + 0.8vw, 1.375rem);
  --text-stat: clamp(2.25rem, 4vw, 3.5rem);
  --text-body-mobile: 1rem;
  --text-body: 0.875rem;
  --text-lead: 1rem;
  --text-small: 0.875rem;
  --text-label: 0.8125rem;
  --text-eyebrow: 0.75rem;
  --text-h5: 1.125rem;
  --weight-heading: 500;
  --weight-subheading: 600;
  --weight-body: 400;
  --weight-label: 600;
  --layout-container: 1200px;
  --layout-gutter: clamp(16px, 4vw, 24px);
  --layout-section-y: clamp(64px, 9vw, 120px);
  --layout-grid-gap: clamp(16px, 2.4vw, 24px);
  --layout-tap: 44px;
  --radius-card: 16px;
  --radius-media: 16px;
  --radius-input: 8px;
  --radius-chip: 12px;
  --radius-panel: 24px;
  --radius-button: 999px;
  --shadow-card: 0 10px 30px rgba(30, 36, 32, 0.08);
  --shadow-panel: 0 30px 60px rgba(30, 36, 32, 0.14);
  --shadow-float: 0 10px 24px rgba(30, 36, 32, 0.28);
  --motion-fast: 160ms;
  --motion-base: 260ms;
  --motion-slow: 700ms;
  --motion-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

/* === COMPONENTS === */
:root {
  --btn-height: 44px;
  --btn-pad-x: 26px;
  --btn-font-size: 0.8125rem;
  --btn-tracking: 0.06em;
  --eyebrow-tracking: 0.14em;
  --card-pad: 24px;
  --input-bg: #F5F5F0;
  --topbar-height: 40px;
  --header-height: 84px;
  --header-height-solid: 70px;
}