/* Generated by brand-design-system. Plain CSS variables: no Tailwind or build step needed.
 * Load before your theme CSS. Dark mode: OS preference, or force with <html data-theme="dark|light">. */
:root {
  --bds-primary: #1e5b45;
  --bds-on-primary: #ffffff;
  --bds-primary-container: #f2fbf7;
  --bds-on-primary-container: #427d65;
  --bds-secondary: #211535;
  --bds-on-secondary: #ffffff;
  --bds-secondary-container: #e7defe;
  --bds-on-secondary-container: #211535;
  --bds-tertiary: #00827d;
  --bds-on-tertiary: #ffffff;
  --bds-tertiary-container: #90f3ed;
  --bds-on-tertiary-container: #01201e;
  --bds-error: #b91c1c;
  --bds-on-error: #ffffff;
  --bds-error-container: #fddbd6;
  --bds-on-error-container: #3f0303;
  --bds-success: #146d34;
  --bds-on-success: #ffffff;
  --bds-warning: #d4a351;
  --bds-on-warning: #271901;
  --bds-info: #1b619f;
  --bds-on-info: #ffffff;
  --bds-sale: #b91c1c;
  --bds-on-sale: #ffffff;
  --bds-surface: #fcfbf9;
  --bds-on-surface: #171717;
  --bds-surface-variant: #e6e2d8;
  --bds-on-surface-variant: #404040;
  --bds-surface-container-lowest: #ffffff;
  --bds-surface-container-low: #ffffff;
  --bds-surface-container: #f5f5f5;
  --bds-surface-container-high: #fff3e7;
  --bds-surface-container-highest: #e3e2e0;
  --bds-outline: #211535;
  --bds-outline-variant: #e5e5e5;
  --bds-inverse-surface: #211535;
  --bds-inverse-on-surface: #f1f1ef;
  --bds-inverse-primary: #96d3b9;
  --bds-scrim: #000000;
  --bds-primary-hover: #306854;
  --bds-primary-focus: #346b58;
  --bds-primary-pressed: #346b58;
  --bds-secondary-hover: #332845;
  --bds-secondary-focus: #372c49;
  --bds-secondary-pressed: #372c49;
  --bds-surface-hover: #eae9e7;
  --bds-surface-focus: #e5e4e2;
  --bds-surface-pressed: #e5e4e2;
  --bds-disabled-container: #e1e0de;
  --bds-on-disabled: #a5a4a3;
  --bds-font-display: Newsreader, ui-serif, Georgia, 'Times New Roman', serif;
  --bds-font-body: Poppins, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --bds-text-display-lg: clamp(2.25rem, 1.367rem + 1.84vw, 3rem);
  --bds-text-display-lg-lh: 1.17;
  --bds-text-display-lg-weight: 700;
  --bds-text-headline-lg: clamp(1.5rem, 1.206rem + 0.6135vw, 1.75rem);
  --bds-text-headline-lg-lh: 1.29;
  --bds-text-headline-lg-weight: 700;
  --bds-text-headline-md: clamp(1.25rem, 0.9462rem + 0.6329vw, 1.5rem);
  --bds-text-headline-md-lh: 1.33;
  --bds-text-headline-md-weight: 600;
  --bds-text-body-md: 14px;
  --bds-text-body-md-lh: 1.43;
  --bds-text-body-md-weight: 400;
  --bds-text-body-lg: 15px;
  --bds-text-body-lg-lh: 1.6;
  --bds-text-body-lg-weight: 400;
  --bds-text-body-sm: 13px;
  --bds-text-body-sm-lh: 1.5;
  --bds-text-body-sm-weight: 400;
  --bds-text-label-lg: 14px;
  --bds-text-label-lg-lh: 1.43;
  --bds-text-label-lg-weight: 400;
  --bds-text-label-sm: 11px;
  --bds-text-label-sm-lh: 1.27;
  --bds-text-label-sm-weight: 600;
  --bds-text-price-md: 16px;
  --bds-text-price-md-lh: 1.25;
  --bds-text-price-md-weight: 700;
  --bds-space-0: 0px;
  --bds-space-1: 4px;
  --bds-space-2: 8px;
  --bds-space-3: 12px;
  --bds-space-4: 16px;
  --bds-space-5: 20px;
  --bds-space-6: 24px;
  --bds-space-8: 32px;
  --bds-space-10: 40px;
  --bds-space-12: 48px;
  --bds-space-16: 64px;
  --bds-space-20: 80px;
  --bds-space-24: 96px;
  --bds-space-container: 1280px;
  --bds-space-gutter: 12px;
  --bds-space-margin: 16px;
  --bds-radius-none: 0px;
  --bds-radius-sm: 3px;
  --bds-radius-md: 8px;
  --bds-radius-lg: 16px;
  --bds-radius-full: 9999px;
  --bds-radius-button: 9999px;
  --bds-radius-input: 6px;
  --bds-radius-card: 8px;
  --bds-radius-badge: 9999px;
  --bds-shadow-level1: color(srgb 0.639216 0.639216 0.639216 / 0.28) 0px 2px 6px 0px;
  --bds-shadow-level2: color(srgb 0.0392157 0.109804 0.223529 / 0.12) 0px 2px 8px 0px;
  --bds-shadow-level3: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.1) 0px 8px 10px -6px;
  --bds-duration-short: 150ms;
  --bds-duration-medium: 200ms;
  --bds-duration-long: 500ms;
  --bds-ease-standard: cubic-bezier(0.2, 0.0, 0.0, 1.0);
  --bds-ease-emphasized: cubic-bezier(0.2, 0, 0, 1);
  --bds-gutter: 12px;
  --bds-grid-cols: 2;
  --bds-grid-gap: 24px;
  --bds-header-h: 96px;
  color-scheme: light;
}
@media (min-width: 768px) {
  :root {
    --bds-gutter: 12px;
    --bds-grid-cols: 4;
    --bds-grid-gap: 24px;
    --bds-header-h: 96px;
  }
}
@media (min-width: 1024px) {
  :root {
    --bds-grid-cols: 4;
    --bds-grid-gap: 24px;
    --bds-header-h: 180px;
  }
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]) {
    --bds-primary: #96d3b9;
    --bds-on-primary: #063827;
    --bds-primary-container: #10503b;
    --bds-on-primary-container: #b2f0d4;
    --bds-secondary: #cdc0eb;
    --bds-on-secondary: #362a4c;
    --bds-secondary-container: #4d4165;
    --bds-on-secondary-container: #e7defe;
    --bds-tertiary: #73d7d0;
    --bds-on-tertiary: #043734;
    --bds-tertiary-container: #0e4f4c;
    --bds-on-tertiary-container: #90f3ed;
    --bds-error: #fbb6ac;
    --bds-on-error: #660809;
    --bds-error-container: #8d1514;
    --bds-on-error-container: #fddbd6;
    --bds-success: #87d899;
    --bds-on-success: #053917;
    --bds-warning: #f0be6d;
    --bds-on-warning: #422c05;
    --bds-info: #9bcbfd;
    --bds-on-info: #00325a;
    --bds-sale: #fbb6ac;
    --bds-on-sale: #660809;
    --bds-surface: #141312;
    --bds-on-surface: #e3e2e0;
    --bds-surface-variant: #4a473f;
    --bds-on-surface-variant: #cac6bd;
    --bds-surface-container-lowest: #0f0e0d;
    --bds-surface-container-low: #1c1b1a;
    --bds-surface-container: #201f1e;
    --bds-surface-container-high: #2a2a28;
    --bds-surface-container-highest: #353533;
    --bds-outline: #949087;
    --bds-outline-variant: #4a473f;
    --bds-inverse-surface: #e3e2e0;
    --bds-inverse-on-surface: #31302f;
    --bds-inverse-primary: #2d6952;
    --bds-scrim: #000000;
    --bds-primary-hover: #8ac7ad;
    --bds-primary-focus: #88c3aa;
    --bds-primary-pressed: #88c3aa;
    --bds-secondary-hover: #c1b4de;
    --bds-secondary-focus: #beb1db;
    --bds-secondary-pressed: #beb1db;
    --bds-surface-hover: #252422;
    --bds-surface-focus: #292827;
    --bds-surface-pressed: #292827;
    --bds-disabled-container: #2d2c2b;
    --bds-on-disabled: #636260;
    color-scheme: dark;
  }
}
[data-theme=dark] {
  --bds-primary: #96d3b9;
  --bds-on-primary: #063827;
  --bds-primary-container: #10503b;
  --bds-on-primary-container: #b2f0d4;
  --bds-secondary: #cdc0eb;
  --bds-on-secondary: #362a4c;
  --bds-secondary-container: #4d4165;
  --bds-on-secondary-container: #e7defe;
  --bds-tertiary: #73d7d0;
  --bds-on-tertiary: #043734;
  --bds-tertiary-container: #0e4f4c;
  --bds-on-tertiary-container: #90f3ed;
  --bds-error: #fbb6ac;
  --bds-on-error: #660809;
  --bds-error-container: #8d1514;
  --bds-on-error-container: #fddbd6;
  --bds-success: #87d899;
  --bds-on-success: #053917;
  --bds-warning: #f0be6d;
  --bds-on-warning: #422c05;
  --bds-info: #9bcbfd;
  --bds-on-info: #00325a;
  --bds-sale: #fbb6ac;
  --bds-on-sale: #660809;
  --bds-surface: #141312;
  --bds-on-surface: #e3e2e0;
  --bds-surface-variant: #4a473f;
  --bds-on-surface-variant: #cac6bd;
  --bds-surface-container-lowest: #0f0e0d;
  --bds-surface-container-low: #1c1b1a;
  --bds-surface-container: #201f1e;
  --bds-surface-container-high: #2a2a28;
  --bds-surface-container-highest: #353533;
  --bds-outline: #949087;
  --bds-outline-variant: #4a473f;
  --bds-inverse-surface: #e3e2e0;
  --bds-inverse-on-surface: #31302f;
  --bds-inverse-primary: #2d6952;
  --bds-scrim: #000000;
  --bds-primary-hover: #8ac7ad;
  --bds-primary-focus: #88c3aa;
  --bds-primary-pressed: #88c3aa;
  --bds-secondary-hover: #c1b4de;
  --bds-secondary-focus: #beb1db;
  --bds-secondary-pressed: #beb1db;
  --bds-surface-hover: #252422;
  --bds-surface-focus: #292827;
  --bds-surface-pressed: #292827;
  --bds-disabled-container: #2d2c2b;
  --bds-on-disabled: #636260;
  color-scheme: dark;
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 1ms !important; animation-iteration-count: 1 !important; transition-duration: 1ms !important; scroll-behavior: auto !important; } }