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

/* === PRIMITIVES === */
:root {
  --primitive-color-teal-50: #EEF8FB;
  --primitive-color-teal-100: #DCEDF3;
  --primitive-color-teal-200: #BCDAE5;
  --primitive-color-teal-300: #8EBDCE;
  --primitive-color-teal-400: #609CB2;
  --primitive-color-teal-500: #3D7E95;
  --primitive-color-teal-600: #27667C;
  --primitive-color-teal-700: #1C5468;
  --primitive-color-teal-800: #0E3F50;
  --primitive-color-teal-900: #072B38;
  --primitive-color-teal-950: #021922;
  --primitive-color-citrus-300: #D5EC67;
  --primitive-color-citrus-700: #637C2D;
  --primitive-color-signal-error: #A4312B;
  --primitive-color-signal-warning: #8A5A00;
  --primitive-color-white: #FFFFFF;
  --primitive-color-foam: #F6FBFD;
  --primitive-color-ink: #0D1D24;
  --primitive-color-ink-soft: #374B54;
  --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.375rem;
  --primitive-radius-md: 0.625rem;
  --primitive-radius-lg: 1rem;
  --primitive-radius-xl: 1.5rem;
  --primitive-radius-full: 999px;
  --primitive-shadow-sm: 0 1px 2px 0 rgb(7 43 56 / 0.10), 0 1px 1px 0 rgb(7 43 56 / 0.06);
  --primitive-shadow-md: 0 6px 14px -4px rgb(7 43 56 / 0.18), 0 2px 4px -2px rgb(7 43 56 / 0.10);
  --primitive-shadow-lg: 0 22px 44px -14px rgb(7 43 56 / 0.35), 0 8px 16px -8px rgb(7 43 56 / 0.18);
  --primitive-duration-press: 120ms;
  --primitive-duration-ui: 200ms;
  --primitive-duration-panel: 320ms;
  --primitive-duration-arrive: 560ms;
  --primitive-duration-hero: 900ms;
  --primitive-duration-draw: 2200ms;
  --primitive-easing-out: cubic-bezier(0.23, 1, 0.32, 1);
  --primitive-easing-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --primitive-easing-drawer: cubic-bezier(0.32, 0.72, 0, 1);
  --primitive-easing-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --primitive-zIndex-raised: 10;
  --primitive-zIndex-nav: 40;
  --primitive-zIndex-sheet: 60;
  --primitive-zIndex-toast: 80;
  --primitive-font-display: 'Gloock', 'Bodoni 72', Didot, Georgia, serif;
  --primitive-font-text: 'Literata', 'Iowan Old Style', Georgia, serif;
  --primitive-font-script: 'Great Vibes', 'Snell Roundhand', 'Apple Chancery', cursive;
}

/* === SEMANTIC === */
:root {
  --color-paper: #FFFFFF;
  --color-foam: #F6FBFD;
  --color-tint: #EEF8FB;
  --color-ink: #0D1D24;
  --color-ink-soft: #374B54;
  --color-brand: #27667C;
  --color-brand-strong: #1C5468;
  --color-deep: #0E3F50;
  --color-abyss: #072B38;
  --color-mid: #3D7E95;
  --color-line: #BCDAE5;
  --color-line-strong: #8EBDCE;
  --color-on-brand: #FFFFFF;
  --color-on-brand-soft: #DCEDF3;
  --color-chip-bg: #DCEDF3;
  --color-accent: #D5EC67;
  --color-on-accent: #072B38;
  --color-focus: #3D7E95;
  --color-success: #637C2D;
  --color-warning: #8A5A00;
  --color-error: #A4312B;
  --color-info: #27667C;
  --text-cover: clamp(2.5rem, 1.2rem + 8.4vw, 7rem);
  --text-section: clamp(2.75rem, 1.6rem + 5vw, 5rem);
  --text-script: clamp(2.5rem, 1.5rem + 4.2vw, 4.5rem);
  --text-dish: clamp(1.375rem, 1.25rem + 0.55vw, 1.625rem);
  --text-price: 1.25rem;
  --text-lead: 1.125rem;
  --text-body: 1rem;
  --text-label: 0.875rem;
  --space-gutter: clamp(1.25rem, 0.6rem + 3vw, 3rem);
  --space-section: clamp(4rem, 2.5rem + 7vw, 8rem);
  --space-stack: 1.5rem;
  --space-tight: 0.5rem;
  --touch-target: 2.75rem;
}

/* === COMPONENTS === */
:root {
  --nav-bg: #FFFFFF;
  --nav-fg: #1C5468;
  --nav-active-bg: #1C5468;
  --nav-active-fg: #FFFFFF;
  --nav-height: 3.5rem;
  --chip-bg: #DCEDF3;
  --chip-fg: #1C5468;
  --chip-border: #8EBDCE;
  --chip-selected-bg: #1C5468;
  --chip-selected-fg: #FFFFFF;
  --chip-height: 2.75rem;
  --dish-name: #1C5468;
  --dish-price: #1C5468;
  --dish-leader: #8EBDCE;
  --dish-desc: #0D1D24;
  --dish-meta: #374B54;
  --dish-gap: 0.5rem;
  --button-bg: #1C5468;
  --button-fg: #FFFFFF;
  --button-bg-hover: #0E3F50;
  --button-height: 2.75rem;
  --button-radius: 999px;
  --sheet-bg: #FFFFFF;
  --sheet-radius: 1.5rem;
  --sheet-shadow: 0 22px 44px -14px rgb(7 43 56 / 0.35), 0 8px 16px -8px rgb(7 43 56 / 0.18);
  --plate-stroke: #FFFFFF;
  --plate-stroke-soft: #DCEDF3;
  --plate-panel-bg: #0E3F50;
  --plate-cover-bg: #27667C;
  --chart-water: #EEF8FB;
  --chart-water-line: #BCDAE5;
  --chart-land: #FFFFFF;
  --chart-coast: #1C5468;
  --chart-route: #3D7E95;
  --chart-pin: #1C5468;
  --chart-pin-active: #D5EC67;
  --logo-bg: #27667C;
  --logo-fg: #FFFFFF;
}

/* === DARK MODE === */
.dark {
  --color-paper: #021922;
  --color-foam: #072B38;
  --color-tint: #072B38;
  --color-ink: #EEF8FB;
  --color-ink-soft: #BCDAE5;
  --color-brand: #3D7E95;
  --color-brand-strong: #8EBDCE;
  --color-line: #0E3F50;
  --color-line-strong: #1C5468;
  --color-chip-bg: #0E3F50;
  --color-focus: #8EBDCE;
}