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

/* === PRIMITIVES === */
:root {
  --primitive-color-red-500: #E11D3A;
  --primitive-color-red-600: #C8102E;
  --primitive-color-red-700: #A30D25;
  --primitive-color-red-800: #7E0A1D;
  --primitive-color-cream-50: #FFFCF7;
  --primitive-color-cream-100: #FFF7EC;
  --primitive-color-cream-200: #F9EBD6;
  --primitive-color-cream-300: #EED9B8;
  --primitive-color-navy-500: #2E4470;
  --primitive-color-navy-600: #1B2A49;
  --primitive-color-navy-700: #121D34;
  --primitive-color-coffee-500: #6B4A32;
  --primitive-color-coffee-700: #3B2314;
  --primitive-color-shark-300: #9DB7DA;
  --primitive-color-shark-500: #4A6FA5;
  --primitive-color-shark-700: #2F4D7A;
  --primitive-color-gold-500: #F2B705;
  --primitive-color-white: #FFFFFF;
  --primitive-color-black: #14100D;
  --primitive-font-display: 'Bebas Neue', 'Oswald', Impact, 'Arial Narrow', sans-serif;
  --primitive-font-script: 'Kaushan Script', 'Brush Script MT', cursive;
  --primitive-font-body: 'Public Sans', 'Helvetica Neue', Arial, sans-serif;
  --primitive-fontSize-xs: 0.75rem;
  --primitive-fontSize-sm: 0.875rem;
  --primitive-fontSize-base: 1rem;
  --primitive-fontSize-lg: 1.125rem;
  --primitive-fontSize-xl: 1.25rem;
  --primitive-fontSize-2xl: 1.5rem;
  --primitive-fontSize-3xl: 2rem;
  --primitive-fontSize-4xl: 2.75rem;
  --primitive-fontSize-5xl: 3.75rem;
  --primitive-fontSize-6xl: 5.25rem;
  --primitive-fontSize-hero: clamp(3rem, 7.4vw, 6.75rem);
  --primitive-lineHeight-tight: 0.92;
  --primitive-lineHeight-snug: 1.15;
  --primitive-lineHeight-normal: 1.55;
  --primitive-letterSpacing-display: 0.02em;
  --primitive-letterSpacing-eyebrow: 0.14em;
  --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-radius-sm: 4px;
  --primitive-radius-md: 10px;
  --primitive-radius-lg: 18px;
  --primitive-radius-full: 999px;
  --primitive-shadow-sm: 0 1px 2px rgba(59, 35, 20, 0.08);
  --primitive-shadow-md: 0 6px 18px -6px rgba(59, 35, 20, 0.22);
  --primitive-shadow-lg: 0 18px 40px -16px rgba(59, 35, 20, 0.35);
  --primitive-shadow-sign: 0 10px 0 0 #A30D25;
  --primitive-duration-fast: 150ms;
  --primitive-duration-normal: 260ms;
  --primitive-duration-slow: 600ms;
  --primitive-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --primitive-width-content: 72rem;
  --primitive-width-prose: 40rem;
}

/* === SEMANTIC === */
:root {
  --color-background: #FFF7EC;
  --color-surface: #FFFFFF;
  --color-surface-tint: #F9EBD6;
  --color-foreground: #3B2314;
  --color-muted-foreground: #6B4A32;
  --color-border: #EED9B8;
  --color-primary: #C8102E;
  --color-primary-hover: #E11D3A;
  --color-primary-active: #A30D25;
  --color-primary-foreground: #FFFFFF;
  --color-secondary: #1B2A49;
  --color-secondary-hover: #2E4470;
  --color-secondary-foreground: #FFFFFF;
  --color-accent: #4A6FA5;
  --color-accent-soft: #9DB7DA;
  --color-accent-deep: #2F4D7A;
  --color-rating: #F2B705;
  --color-open: #1F6B44;
  --color-closed: #6B4A32;
  --color-ring: #1B2A49;
  --color-band: #C8102E;
  --color-band-foreground: #FFFFFF;
  --color-night: #1B2A49;
  --color-night-foreground: #FFF7EC;
  --typography-font-display: 'Bebas Neue', 'Oswald', Impact, 'Arial Narrow', sans-serif;
  --typography-font-script: 'Kaushan Script', 'Brush Script MT', cursive;
  --typography-font-body: 'Public Sans', 'Helvetica Neue', Arial, sans-serif;
  --spacing-gutter: clamp(1rem, 4vw, 2rem);
  --spacing-section: clamp(3.5rem, 8vw, 6.5rem);
  --spacing-stack: 1.5rem;
  --motion-duration: 260ms;
  --motion-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

/* === COMPONENTS === */
:root {
  --button-bg: #C8102E;
  --button-fg: #FFFFFF;
  --button-hover-bg: #E11D3A;
  --button-active-bg: #A30D25;
  --button-secondary-bg: #1B2A49;
  --button-secondary-fg: #FFFFFF;
  --button-secondary-hover-bg: #2E4470;
  --button-padding-x: 1.5rem;
  --button-padding-y: 0.75rem;
  --button-radius: 10px;
  --button-font-size: 1.25rem;
  --button-shadow: 0 6px 18px -6px rgba(59, 35, 20, 0.22);
  --card-bg: #FFFFFF;
  --card-border: #EED9B8;
  --card-radius: 18px;
  --card-shadow: 0 1px 2px rgba(59, 35, 20, 0.08);
  --card-hover-shadow: 0 18px 40px -16px rgba(59, 35, 20, 0.35);
  --card-padding: 1.25rem;
  --price-color: #C8102E;
  --price-font: 'Bebas Neue', 'Oswald', Impact, 'Arial Narrow', sans-serif;
  --price-font-size: 1.5rem;
  --pill-bg: #F9EBD6;
  --pill-fg: #3B2314;
  --pill-radius: 999px;
  --pill-font-size: 0.875rem;
  --pill-padding-x: 0.75rem;
  --pill-padding-y: 0.25rem;
  --badge-bg: #C8102E;
  --badge-fg: #FFFFFF;
  --badge-border: #FFFFFF;
  --badge-radius: 4px;
  --stripe-a: #C8102E;
  --stripe-b: #FFFFFF;
  --stripe-height: 10px;
  --stripe-period: 28px;
  --header-bg: #FFFFFF;
  --header-height: 4.25rem;
  --header-shadow: 0 1px 2px rgba(59, 35, 20, 0.08);
  --stickybar-bg: #C8102E;
  --stickybar-fg: #FFFFFF;
  --stickybar-divider: #A30D25;
  --flag-star-field: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 16'%3E%3Cpath fill='%23FFFFFF' d='M12 3l1 2.1 2.3.3-1.7 1.6.4 2.3L12 8.2 9.9 9.3l.4-2.3-1.7-1.6 2.3-.3z'/%3E%3C/svg%3E");
  --flag-band: #1B2A49;
}