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

/* === PRIMITIVES === */
:root {
  --primitive-color-lagoon-600: #16504b;
  --primitive-color-lagoon-700: #113d3e;
  --primitive-color-lagoon-800: #0b3138;
  --primitive-color-lagoon-850: #082a30;
  --primitive-color-lagoon-900: #051d23;
  --primitive-color-lagoon-950: #031317;
  --primitive-color-emerald-400: #2a8a78;
  --primitive-color-emerald-500: #0b6e5f;
  --primitive-color-emerald-600: #02594d;
  --primitive-color-emerald-700: #014743;
  --primitive-color-salmon-100: #fbe9e3;
  --primitive-color-salmon-200: #f7d9cf;
  --primitive-color-salmon-300: #f0c6b9;
  --primitive-color-salmon-400: #e9a995;
  --primitive-color-salmon-500: #dd8a74;
  --primitive-color-sand-100: #f3ece4;
  --primitive-color-sand-200: #e8dccf;
  --primitive-color-sand-300: #d9cbbd;
  --primitive-color-sand-400: #cbb8aa;
  --primitive-color-sand-500: #a99a8c;
  --primitive-color-cream: #f6efe6;
  --primitive-color-flavor-sunset: #f2994a;
  --primitive-color-flavor-strawberry: #f28b9a;
  --primitive-color-flavor-curacao: #45c4e6;
  --primitive-color-flavor-chili: #ff7a45;
  --primitive-color-flavor-melon: #b5e06a;
  --primitive-color-flavor-mango: #f6b13a;
  --primitive-font-script: 'Birthstone Bounce', 'Segoe Script', cursive;
  --primitive-font-sans: 'Archivo', 'Arial Narrow', 'Segoe UI', Arial, sans-serif;
  --primitive-size-script-hero: 220px;
  --primitive-size-script-xl: 160px;
  --primitive-size-script-lg: 118px;
  --primitive-size-script-md: 84px;
  --primitive-size-name-lg: 54px;
  --primitive-size-name-md: 44px;
  --primitive-size-name-sm: 38px;
  --primitive-size-price-lg: 58px;
  --primitive-size-price-md: 46px;
  --primitive-size-price-sm: 40px;
  --primitive-size-body: 30px;
  --primitive-size-body-sm: 27px;
  --primitive-size-label: 22px;
  --primitive-radius-pill: 999px;
  --primitive-radius-card: 34px;
  --primitive-radius-chip: 22px;
  --primitive-duration-fast: 260ms;
  --primitive-duration-base: 560ms;
  --primitive-duration-slow: 950ms;
  --primitive-duration-cover: 820ms;
  --primitive-easing-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --primitive-easing-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --primitive-easing-out-back: cubic-bezier(0.34, 1.45, 0.64, 1);
  --primitive-easing-drawer: cubic-bezier(0.32, 0.72, 0, 1);
}

/* === SEMANTIC === */
:root {
  --color-bg: #051d23;
  --color-bg-deep: #031317;
  --color-surface: #082a30;
  --color-surface-raised: #0b3138;
  --color-leaf: #113d3e;
  --color-leaf-light: #16504b;
  --color-text: #f6efe6;
  --color-text-muted: #d9cbbd;
  --color-text-faint: #a99a8c;
  --color-price: #f0c6b9;
  --color-accent: #f0c6b9;
  --color-accent-strong: #e9a995;
  --color-bar: #02594d;
  --color-bar-light: #2a8a78;
  --color-on-bar: #f6efe6;
  --color-pill: #f0c6b9;
  --color-on-pill: #16504b;
  --color-paper: #d9cbbd;
  --color-on-paper: #051d23;
  --font-display: 'Birthstone Bounce', 'Segoe Script', cursive;
  --font-text: 'Archivo', 'Arial Narrow', 'Segoe UI', Arial, sans-serif;
}

/* === COMPONENTS === */
:root {
  --category-bar-bg: #02594d;
  --category-bar-text: #f6efe6;
  --category-bar-height: 76px;
  --item-name-size: 44px;
  --item-price-size: 46px;
  --item-desc-size: 27px;
  --scene-hold: 13000ms;
  --scene-stagger: 70ms;
}