/* Generated from design-tokens/tokens.json and assets/fonts/fonts.json. Do not edit. */
@font-face {
  font-family: 'Nunito Sans';
  src: url('/fonts/NunitoSans.ttf') format('truetype');
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
}

@font-face {
  font-family: 'Fraunces';
  src: url('/fonts/Fraunces.ttf') format('truetype');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: 'Fredoka';
  src: url('/fonts/fredoka-latin-ext-wght-normal.woff2') format('woff2');
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Fredoka';
  src: url('/fonts/fredoka-latin-wght-normal.woff2') format('woff2');
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Bagel Fat One';
  src: url('/fonts/bagel-fat-one-latin-ext-400-normal.woff2') format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Bagel Fat One';
  src: url('/fonts/bagel-fat-one-latin-400-normal.woff2') format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --color-background: #ffffff;
  --color-surface: #ffffff;
  --color-text: #121212;
  --color-muted: #737373;
  --color-primary: #121212;
  --color-on-primary: #ffffff;
  --color-border: #e0e0e0;
  --color-field: #f0f0f0;
  --color-primary-hover: #303030;
  --color-product-background: #f0f0f0;
  --color-product-accent: #d7cfb5;
  --color-product-sage: #c6f22d;
  --color-product-cream: #007b59;
  --color-product-mint: #28dceb;
  --color-danger: #ac332c;
  --color-on-danger: #ffffff;
  --color-accent-apricot: #f49a73;
  --color-rating: #f49a73;
  --color-palette-card1-bg: #7738f5;
  --color-palette-card1-text: #fff36b;
  --color-palette-card2-bg: #ce1278;
  --color-palette-card2-text: #fff0f8;
  --color-palette-card3-bg: #c6f22d;
  --color-palette-card3-text: #263b0b;
  --color-palette-card4-bg: #2454d9;
  --color-palette-card4-text: #ffffff;
  --color-palette-card5-bg: #ff822e;
  --color-palette-card5-text: #402054;
  --color-palette-card6-bg: #28dceb;
  --color-palette-card6-text: #103a71;
  --color-palette-card7-bg: #d91e45;
  --color-palette-card7-text: #ffffff;
  --color-palette-card8-bg: #007b59;
  --color-palette-card8-text: #e0ffee;
  --color-palette-card9-bg: #ffd83d;
  --color-palette-card9-text: #5032a0;
  --color-discovery-drinks: #c6f22d;
  --color-discovery-yogurt: #ff822e;
  --color-discovery-cheese: #ce1278;
  --color-discovery-alternatives: #28dceb;
  --color-discovery-tofu: #d91e45;
  --color-discovery-spreads: #007b59;
  --color-discovery-meals: #2454d9;
  --color-discovery-snacks: #ffd83d;
  --color-discovery-new: #7738f5;
  --color-discovery-text-drinks: #263b0b;
  --color-discovery-text-yogurt: #402054;
  --color-discovery-text-cheese: #fff0f8;
  --color-discovery-text-alternatives: #103a71;
  --color-discovery-text-tofu: #ffffff;
  --color-discovery-text-spreads: #e0ffee;
  --color-discovery-text-meals: #ffffff;
  --color-discovery-text-snacks: #5032a0;
  --color-discovery-text-new: #fff36b;
  --color-action: #ffb8bc;
  --color-action-hover: #ffa6ae;
  --color-action-pressed: #f593a1;
  --color-on-action: #2a0b4a;
  --color-field-background: #ffffff;
  --color-field-text: #21152d;
  --color-field-placeholder: #6a6170;
  --color-field-border: #5b7f7d;
  --color-field-focus: #004d4d;
  --color-error: #a8293c;
  --color-error-hover: #8d2032;
  --color-on-error: #ffffff;
  --color-vanilla: #f9eda7;
  --color-mint: #beeedc;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 40px;
  --space-8: 48px;
  --space-9: 64px;
  --space-10: 80px;
  --surface-tint-light-strong: 0.24;
  --surface-tint-light-soft: 0.07;
  --surface-tint-dark-strong: 0.06;
  --surface-tint-dark-soft: 0.04;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-field: 16px;
  --radius-lg: 20px;
  --radius-xl: 24px;
  --radius-product-image: 20px;
  --radius-pill: 999px;
  --radius-control: 24px;
  --radius-card: 28px;
  --radius-panel: 40px;
  --font-sans: 'Nunito Sans';
  --font-display: Fraunces;
  --font-display-wonk: 1;
  --font-display-optical-size: 40;
  --font-size-eyebrow: 0.875rem;
  --font-size-label: 0.875rem;
  --font-size-body: 1rem;
  --font-size-intro: 1.125rem;
  --font-size-subtitle: 1.25rem;
  --font-size-title: 1.5rem;
  --font-size-heading-small: 2rem;
  --font-size-heading: 2.5rem;
  --font-size-heading-large: 3rem;
  --font-size-display: 4.5rem;
  --font-line-height-heading: 1.2;
  --font-line-height-title: 1.25;
  --font-line-height-body: 1.5;
  --font-line-height-intro: 1.5;
  --font-line-height-label: 1.4;
  --theme-soft-page: #ecf8f7;
  --theme-soft-raised: #deefef;
  --theme-soft-floating: #ffffff; /** Temporary UI above the page: menus, popovers, dialogs and toast panels. */
  --theme-soft-sunken: #d2eaea;
  --theme-soft-text: #21152d;
  --theme-soft-muted: #2b4848;
  --theme-soft-focus: #004d4d;
  --theme-soft-border: #5b7f7d;
  --theme-soft-error: #a8293c;
  --theme-bold-page: #004d4d;
  --theme-bold-raised: #245e5e;
  --theme-bold-floating: #ffffff; /** Temporary UI above the page: menus, popovers, dialogs and toast panels. */
  --theme-bold-sunken: #003737;
  --theme-bold-text: #ffffff;
  --theme-bold-muted: #d9f1f0;
  --theme-bold-focus: #f9eda7;
  --theme-bold-border: #83b1af;
  --theme-bold-error: #ffb8bc;
  --typography-family-body: Fredoka;
  --typography-family-display: 'Bagel Fat One';
  --typography-weight-regular: 400;
  --typography-weight-medium: 500;
  --typography-weight-semibold: 600;
  --typography-weight-bold: 700;
  --typography-weight-display: 400;
  --typography-line-height-label: 1.4285714285714286;
  --typography-line-height-body: 1.5;
  --typography-line-height-intro: 1.5555555555555556;
  --typography-line-height-subtitle: 1.3;
  --typography-line-height-title: 1.25;
  --typography-line-height-section: 1.125;
  --typography-line-height-page: 1.1;
  --typography-line-height-display: 1.0555555555555556;
  --control-height-sm: 44px;
  --control-height-md: 52px;
  --control-height-lg: 60px;
  --control-icon-sm: 16px;
  --control-icon-md: 20px;
  --control-icon-lg: 24px;
  --control-border-width: 2px;
  --control-focus-width: 3px;
  --control-focus-offset: 3px;
  --motion-duration-fast: 0.15s;
  --motion-duration-normal: 0.25s;
  --motion-duration-slow: 0.35s;
  --motion-duration-spin: 0.9s;
  --motion-duration-shared-image: 0.3s; /** Existing catalog/detail image transition; preserve its functional contract during foundation migration. */
  --motion-duration-brand-enter: 0.9s;
  --motion-duration-hero-product: 0.7s;
  --motion-duration-hero-background: 0.6s;
  --motion-duration-hero-rating: 0.75s;
  --motion-duration-hero-count: 0.6s;
  --motion-duration-hero-rating-delay: 0.12s;
  --motion-duration-hero-caption: 0.4s;
  --motion-duration-hero-caption-delay: 0.24s;
  --motion-easing-hero-product: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --motion-easing-shared-image: cubic-bezier(0.42, 0, 0.58, 1);
  --motion-easing-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --experience-brand-background: #003737;
  --experience-brand-surface: #004d4d;
  --experience-brand-text: #ffffff;
  --experience-brand-muted: #bee1dc;
  --experience-brand-border: #5b8d87;
  --experience-sticker-ink: #2a0b4a;
  --experience-sticker-edge: #ffffff;
  --experience-sticker-neutral: #d8cde0;
  --experience-media-background: #ffffff;
  --experience-media-ink: #21152d;
  --experience-camera-background: #152222;
  --experience-success-background: #beeedc;
  --experience-success-text: #174c37;
  --experience-warning-background: #f9eda7;
  --experience-warning-text: #51420b;
  --experience-error-background: #ffe3e5;
  --experience-error-text: #8d2032;
  --experience-info-background: #deefef;
  --experience-info-text: #244b4b;
  --experience-rating1: #ff9b7d;
  --experience-rating2: #ffc16e;
  --experience-rating3: #f4df6d;
  --experience-rating4: #94dd64;
  --experience-rating5: #41cd7c;
  --experience-scrim: #102d2d;
  --experience-stage-mint: #beeedc;
  --experience-stage-vanilla: #f9eda7;
  --experience-stage-sky: #bfe5fb; /** Decorative product backdrop blue. */
  --experience-stage-lilac: #decdf6; /** Decorative product backdrop lilac. */
  --experience-stage-guava: #ffb8bc; /** Decorative product artwork; independent of the action role. */
  --experience-category-card-drinks: #abe5ce;
  --experience-category-card-yogurt: #ffc3dc;
  --experience-category-card-cheese: #ffde77;
  --experience-category-card-alternatives: #e8735a;
  --experience-category-card-tofu: #b8c77a;
  --experience-category-card-spreads: #9ed37a;
  --experience-category-card-meals: #f09a55;
  --experience-category-card-snacks: #f2b33d;
  --tilt-rating-left: -10;
  --tilt-rating-soft-left: -5;
  --tilt-rating-soft-right: 5;
  --tilt-rating-right: 10;
  --tilt-rating-limit: 10;
  --tilt-sticker-left: -6;
  --tilt-sticker-soft-left: -3;
  --tilt-sticker-soft-right: 3;
  --tilt-sticker-right: 5;
  --tilt-sticker-limit: 8;
  --tilt-button-left: -1.5;
  --tilt-button-right: 1.5;
  --tilt-button-limit: 2;
  --elevation-sticker-offset-y: 3px;
  --elevation-sticker-blur: 0px;
  --elevation-sticker-light-color: rgba(16, 45, 45, 0.2);
  --elevation-sticker-dark-color: rgba(0, 14, 14, 0.6);
  --elevation-media-offset-y: 8px;
  --elevation-media-blur: 8px;
  --elevation-media-light-color: rgba(16, 45, 45, 0.1803921568627451);
  --elevation-media-dark-color: rgba(0, 14, 14, 0.4);
  --elevation-floating-offset-y: 4px;
  --elevation-floating-blur: 12px;
  --elevation-floating-light-color: rgba(16, 45, 45, 0.2);
  --elevation-floating-dark-color: rgba(0, 14, 14, 0.5019607843137255);
  --elevation-overlay-offset-y: 12px;
  --elevation-overlay-blur: 32px;
  --elevation-overlay-light-color: rgba(16, 45, 45, 0.23921568627450981);
  --elevation-overlay-dark-color: rgba(0, 14, 14, 0.6509803921568628);
  --editorial-acid-press-paper: #f2f4ce;
  --editorial-acid-press-ink: #35204a;
  --editorial-acid-press-accent: #dfff00;
  --editorial-acid-press-on-accent: #29223b;
  --editorial-acid-press-secondary: #c5aaee;
  --editorial-acid-press-on-secondary: #35204a;
  --editorial-cobalt-club-paper: #e7edff;
  --editorial-cobalt-club-ink: #102a83;
  --editorial-cobalt-club-accent: #ff784f;
  --editorial-cobalt-club-on-accent: #391c10;
  --editorial-cobalt-club-secondary: #a7bdff;
  --editorial-cobalt-club-on-secondary: #102a83;
  --editorial-guava-pop-paper: #ffe1e8;
  --editorial-guava-pop-ink: #651935;
  --editorial-guava-pop-accent: #c7f35c;
  --editorial-guava-pop-on-accent: #273919;
  --editorial-guava-pop-secondary: #ff87ae;
  --editorial-guava-pop-on-secondary: #651935;
  --editorial-tangerine-dream-paper: #ffe8cf;
  --editorial-tangerine-dream-ink: #4b231b;
  --editorial-tangerine-dream-accent: #ff8a3d;
  --editorial-tangerine-dream-on-accent: #431f12;
  --editorial-tangerine-dream-secondary: #a4c3ff;
  --editorial-tangerine-dream-on-secondary: #142b64;
  --editorial-ultraviolet-paper: #eee1ff;
  --editorial-ultraviolet-ink: #391a68;
  --editorial-ultraviolet-accent: #ceff65;
  --editorial-ultraviolet-on-accent: #263715;
  --editorial-ultraviolet-secondary: #bb8eff;
  --editorial-ultraviolet-on-secondary: #321653;
  --editorial-poolside-paper: #d8f7f2;
  --editorial-poolside-ink: #064c54;
  --editorial-poolside-accent: #ff8b72;
  --editorial-poolside-on-accent: #47201a;
  --editorial-poolside-secondary: #58ddcf;
  --editorial-poolside-on-secondary: #064c54;
  --editorial-cherry-bomb-paper: #ffe7dd;
  --editorial-cherry-bomb-ink: #761c28;
  --editorial-cherry-bomb-accent: #ffc84d;
  --editorial-cherry-bomb-on-accent: #4b2a0d;
  --editorial-cherry-bomb-secondary: #ff8e9b;
  --editorial-cherry-bomb-on-secondary: #651724;
  --editorial-matcha-please-paper: #edf3d4;
  --editorial-matcha-please-ink: #28472c;
  --editorial-matcha-please-accent: #ff9ecc;
  --editorial-matcha-please-on-accent: #48253a;
  --editorial-matcha-please-secondary: #b6d74a;
  --editorial-matcha-please-on-secondary: #28472c;
  --editorial-cocoa-flash-paper: #f7e5d7;
  --editorial-cocoa-flash-ink: #482a29;
  --editorial-cocoa-flash-accent: #b8ddff;
  --editorial-cocoa-flash-on-accent: #173451;
  --editorial-cocoa-flash-secondary: #ff9b5c;
  --editorial-cocoa-flash-on-secondary: #4d2818;
  --editorial-after-hours-paper: #eae4f6;
  --editorial-after-hours-ink: #201e3c;
  --editorial-after-hours-accent: #8cf6c3;
  --editorial-after-hours-on-accent: #15392c;
  --editorial-after-hours-secondary: #d7adff;
  --editorial-after-hours-on-secondary: #38214d;
  --editorial-tokyo-bloom-paper: #ffc3e0;
  --editorial-tokyo-bloom-ink: #0f5730;
  --editorial-tokyo-bloom-accent: #ffc3e0;
  --editorial-tokyo-bloom-on-accent: #0f5730;
  --editorial-tokyo-bloom-secondary: #0f5730;
  --editorial-tokyo-bloom-on-secondary: #ffc3e0;
}