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

/* === PRIMITIVES === */
:root {
  --primitive-color-navy-200: #D6DEE6;
  --primitive-color-navy-500: #4F5F6E;
  --primitive-color-navy-700: #1F4E79;
  --primitive-color-navy-900: #1A2B3C;
  --primitive-color-coral-600: #B8381F;
  --primitive-color-coral-700: #9C2E17;
  --primitive-color-saffron-400: #F2B544;
  --primitive-color-blush-100: #F5E9E6;
  --primitive-color-sand-50: #FBF9F6;
  --primitive-color-sand-200: #D9D4CF;
  --primitive-color-white: #FFFFFF;
  --primitive-spacing-1: 8px;
  --primitive-spacing-2: 16px;
  --primitive-spacing-3: 24px;
  --primitive-spacing-4: 40px;
  --primitive-spacing-5: 64px;
  --primitive-spacing-6: 80px;
  --primitive-spacing-7: 96px;
  --primitive-fontSize-sm: 0.875rem;
  --primitive-fontSize-base: 1rem;
  --primitive-fontSize-body: 1.1875rem;
  --primitive-fontSize-lg: 1.375rem;
  --primitive-fontSize-xl: 1.5rem;
  --primitive-fontSize-2xl: 2rem;
  --primitive-fontSize-3xl: 2.5rem;
  --primitive-fontSize-4xl: 3.9rem;
  --primitive-lineHeight-tight: 1.18;
  --primitive-lineHeight-snug: 1.3;
  --primitive-lineHeight-body: 1.65;
  --primitive-fontFamily-serif: "Newsreader", Georgia, "Times New Roman", serif;
  --primitive-fontFamily-sans: "Figtree", system-ui, sans-serif;
  --primitive-radius-none: 0;
  --primitive-radius-sm: 2px;
  --primitive-radius-md: 4px;
  --primitive-shadow-sm: 0 1px 2px rgba(26, 43, 60, 0.06);
  --primitive-shadow-lift: 0 10px 24px -12px rgba(26, 43, 60, 0.25);
  --primitive-duration-fast: 150ms;
  --primitive-duration-normal: 200ms;
  --primitive-measure: 66ch;
}

/* === SEMANTIC === */
:root {
  --color-background: #FBF9F6;
  --color-foreground: #1A2B3C;
  --color-primary: #1F4E79;
  --color-primary-foreground: #FFFFFF;
  --color-action: #B8381F;
  --color-action-hover: #9C2E17;
  --color-action-foreground: #FFFFFF;
  --color-accent: #F2B544;
  --color-surface: #FFFFFF;
  --color-surface-soft: #F5E9E6;
  --color-muted-foreground: #4F5F6E;
  --color-border: #D9D4CF;
  --color-inverse-background: #1A2B3C;
  --color-inverse-foreground: #D6DEE6;
  --color-ring: #F2B544;
  --spacing-section: 80px;
  --spacing-section-hero: 96px;
}

/* === COMPONENTS === */
:root {
  --button-bg: #B8381F;
  --button-fg: #FFFFFF;
  --button-hover-bg: #9C2E17;
  --button-radius: 4px;
  --button-padding-x: 24px;
  --button-min-height: 48px;
  --button-quiet-fg: #1F4E79;
  --button-quiet-border: #1F4E79;
  --button-quiet-hover-bg: #1F4E79;
  --card-bg: #FFFFFF;
  --card-border: #D9D4CF;
  --card-hover-border: #1F4E79;
  --card-shadow: 0 1px 2px rgba(26, 43, 60, 0.06);
  --card-hover-shadow: 0 10px 24px -12px rgba(26, 43, 60, 0.25);
  --card-radius: 2px;
  --card-padding: 24px;
  --input-bg: #FFFFFF;
  --input-border: #1A2B3C;
  --input-focus-ring: #F2B544;
  --input-radius: 2px;
  --input-min-height: 48px;
  --band-bg: #1F4E79;
  --band-fg: #FFFFFF;
  --band-accent: #F2B544;
  --footer-bg: #1A2B3C;
  --footer-fg: #D6DEE6;
}