/* Generated from Figma Variables. First mode = :root default.
   FLOAT tokens are unitless — multiply by 1px in calc() where a length is needed. */

:root {
  --brand-strings-brand-name: "peach fuzz";
  --brand-strings-currency: "kr";
  --brand-strings-email: "hej@peachfuzz.dk";
  --brand-strings-phone-number: "8987 7202";
  --color-box-primary: var(--color-brand-colors-brand-colors-brand-peach-fuzz-300); /* @kind color */
  --color-box-secondary: var(--color-earth-200); /* @kind color */
  --color-box-stroke: var(--color-earth-default); /* @kind color */
  --color-box-tertiary: var(--color-earth-700); /* @kind color */
  --color-brand-colors-brand-colors-brand-peach-fuzz-100: rgb(255,252,250); /* @kind color */
  --color-brand-colors-brand-colors-brand-peach-fuzz-200: rgb(255,245,236); /* @kind color */
  --color-brand-colors-brand-colors-brand-peach-fuzz-300: rgb(255,242,229); /* @kind color */
  --color-brand-colors-brand-colors-brand-peach-fuzz-500: rgb(255,204,162); /* @kind color */
  --color-brand-colors-brand-colors-brand-peach-fuzz-900: rgb(249,165,129); /* @kind color */
  --color-brand-colors-brand-colors-brand-peach-fuzz-default: rgb(255,230,209); /* @kind color */
  --color-brand-colors-brand-colors-green-peachy-keen-100: rgb(239,242,232); /* @kind color */
  --color-brand-colors-brand-colors-green-peachy-keen-300: rgb(219,226,201); /* @kind color */
  --color-brand-colors-brand-colors-green-peachy-keen-700: rgb(183,192,160); /* @kind color */
  --color-brand-colors-brand-colors-green-peachy-keen-900: rgb(142,149,125); /* @kind color */
  --color-brand-colors-brand-colors-green-peachy-keen-default: rgb(203,213,178); /* @kind color */
  --color-brand-colors-brand-colors-purple-purple-peach-100: rgb(254,246,255); /* @kind color */
  --color-brand-colors-brand-colors-purple-purple-peach-300: rgb(253,242,255); /* @kind color */
  --color-brand-colors-brand-colors-purple-purple-peach-700: rgb(222,200,233); /* @kind color */
  --color-brand-colors-brand-colors-purple-purple-peach-900: rgb(194,170,204); /* @kind color */
  --color-brand-colors-brand-colors-purple-purple-peach-default: rgb(252,237,255); /* @kind color */
  --color-brand-colors-brand-colors-red-grilled-peach-100: rgb(254,197,195); /* @kind color */
  --color-brand-colors-brand-colors-red-grilled-peach-300: rgb(254,153,149); /* @kind color */
  --color-brand-colors-brand-colors-red-grilled-peach-50: rgb(254,237,234); /* @kind color */
  --color-brand-colors-brand-colors-red-grilled-peach-700: rgb(228,98,94); /* @kind color */
  --color-brand-colors-brand-colors-red-grilled-peach-900: rgb(177,76,73); /* @kind color */
  --color-brand-colors-brand-colors-red-grilled-peach-default: rgb(253,109,104); /* @kind color */
  --color-brand-colors-brand-colors-yellow-peaches-n-cream-100: rgb(255,247,231); /* @kind color */
  --color-brand-colors-brand-colors-yellow-peaches-n-cream-300: rgb(255,241,214); /* @kind color */
  --color-brand-colors-brand-colors-yellow-peaches-n-cream-700: rgb(255,208,116); /* @kind color */
  --color-brand-colors-brand-colors-yellow-peaches-n-cream-900: rgb(255,177,76); /* @kind color */
  --color-brand-colors-brand-colors-yellow-peaches-n-cream-default: rgb(255,235,196); /* @kind color */
  --color-components-accordion-active-bagground: var(--color-earth-200); /* @kind color */
  --color-components-accordion-active-stroke: var(--color-earth-900); /* @kind color */
  --color-components-accordion-bagground: var(--color-earth-200); /* @kind color */
  --color-components-accordion-icon: var(--color-dark-100); /* @kind color */
  --color-components-accordion-stroke: var(--color-earth-default); /* @kind color */
  --color-components-button-checkmark-icon: var(--color-dark-default); /* @kind color */
  --color-components-button-checkmark-stroke: var(--color-dark-default); /* @kind color */
  --color-components-button-languageswitcher-background: var(--color-white-default); /* @kind color */
  --color-components-button-languageswitcher-hover-background: var(--color-brand-colors-brand-colors-brand-peach-fuzz-900); /* @kind color */
  --color-components-button-languageswitcher-hover-stroke: var(--color-brand-colors-brand-colors-brand-peach-fuzz-900); /* @kind color */
  --color-components-button-languageswitcher-label-hover: var(--color-white-default); /* @kind color */
  --color-components-button-languageswitcher-label: var(--color-dark-default); /* @kind color */
  --color-components-button-languageswitcher-stroke: var(--color-brand-colors-brand-colors-brand-peach-fuzz-500); /* @kind color */
  --color-components-button-primary-background: var(--color-brand-colors-brand-colors-brand-peach-fuzz-900); /* @kind color */
  --color-components-button-primary-drowndown-background: var(--color-brand-colors-brand-colors-brand-peach-fuzz-900); /* @kind color */
  --color-components-button-primary-hover-background: var(--color-brand-colors-brand-colors-brand-peach-fuzz-500); /* @kind color */
  --color-components-button-primary-hover-drowndown-background: var(--color-brand-colors-brand-colors-brand-peach-fuzz-500); /* @kind color */
  --color-components-button-primary-hover-stroke: rgba(255,255,255,0); /* @kind color */
  --color-components-button-primary-label: var(--color-white-default); /* @kind color */
  --color-components-button-primary-stroke: rgba(255,255,255,0); /* @kind color */
  --color-components-button-radiobutton-default: var(--color-dark-default); /* @kind color */
  --color-components-button-secondary-background: var(--color-white-default); /* @kind color */
  --color-components-button-secondary-drowndown-background: var(--color-white-default); /* @kind color */
  --color-components-button-secondary-hover-background: var(--color-white-default-50); /* @kind color */
  --color-components-button-secondary-hover-drowndown-background: var(--color-brand-colors-brand-colors-brand-peach-fuzz-900); /* @kind color */
  --color-components-button-secondary-hover-stroke: rgba(255,255,255,0); /* @kind color */
  --color-components-button-secondary-label: var(--color-dark-default); /* @kind color */
  --color-components-button-secondary-stroke: rgba(255,255,255,0); /* @kind color */
  --color-components-button-tertiary-background: rgba(255,255,255,0); /* @kind color */
  --color-components-button-tertiary-drowndown-background: var(--color-white-default); /* @kind color */
  --color-components-button-tertiary-hover-background: rgba(255,255,255,0); /* @kind color */
  --color-components-button-tertiary-hover-drowndown-background: var(--color-brand-colors-brand-colors-brand-peach-fuzz-900); /* @kind color */
  --color-components-button-tertiary-hover-stroke: var(--color-dark-default); /* @kind color */
  --color-components-button-tertiary-label: var(--color-dark-default); /* @kind color */
  --color-components-button-tertiary-stroke: var(--color-dark-default); /* @kind color */
  --color-components-calendar-background: var(--color-earth-300); /* @kind color */
  --color-components-calendar-button: var(--color-dark-300); /* @kind color */
  --color-components-calendar-icon: var(--color-dark-300); /* @kind color */
  --color-components-calendar-stroke: var(--color-earth-700); /* @kind color */
  --color-components-icon-active: var(--color-brand-colors-brand-colors-brand-peach-fuzz-900); /* @kind color */
  --color-components-icon-primary: var(--color-dark-default); /* @kind color */
  --color-components-icon-secondary: var(--color-white-default); /* @kind color */
  --color-components-loader-indicator: var(--color-brand-colors-brand-colors-brand-peach-fuzz-500); /* @kind color */
  --color-components-loader-track: var(--color-brand-colors-brand-colors-brand-peach-fuzz-300); /* @kind color */
  --color-components-logo-primary: var(--color-dark-default); /* @kind color */
  --color-components-logo-secondary: var(--color-brand-colors-brand-colors-brand-peach-fuzz-900); /* @kind color */
  --color-components-logo-tertiary: var(--color-white-default); /* @kind color */
  --color-components-popup-primary: var(--color-white-default); /* @kind color */
  --color-components-popup-secondary: var(--color-brand-colors-brand-colors-brand-peach-fuzz-default); /* @kind color */
  --color-components-progressbar-background: var(--color-brand-colors-brand-colors-brand-peach-fuzz-300); /* @kind color */
  --color-components-progressbar-bar: var(--color-brand-colors-brand-colors-brand-peach-fuzz-500); /* @kind color */
  --color-components-slider-active-slider: var(--color-brand-colors-brand-colors-brand-peach-fuzz-500); /* @kind color */
  --color-components-slider-button: var(--color-brand-colors-brand-colors-brand-peach-fuzz-500); /* @kind color */
  --color-components-slider-icon: var(--color-earth-900); /* @kind color */
  --color-components-slider-inactive-slider: var(--color-brand-colors-brand-colors-brand-peach-fuzz-100); /* @kind color */
  --color-components-slider-stroke: var(--color-dark-default); /* @kind color */
  --color-components-template-footer-primary: var(--color-brand-colors-brand-colors-brand-peach-fuzz-300); /* @kind color */
  --color-components-template-footer-secondary: var(--color-brand-colors-brand-colors-brand-peach-fuzz-default); /* @kind color */
  --color-components-template-footer-tertiary: var(--color-brand-colors-brand-colors-red-grilled-peach-100); /* @kind color */
  --color-components-template-navbar-primary: var(--color-brand-colors-brand-colors-brand-peach-fuzz-100); /* @kind color */
  --color-components-template-navbar-stroke: var(--color-earth-300); /* @kind color */
  --color-dark-100: rgb(145,143,145); /* @kind color */
  --color-dark-200: rgb(108,105,109); /* @kind color */
  --color-dark-300: rgb(89,87,90); /* @kind color */
  --color-dark-default-50: rgba(71,68,72,0.5); /* @kind color */
  --color-dark-default: rgb(71,68,72); /* @kind color */
  --color-earth-200: rgb(255,251,241); /* @kind color */
  --color-earth-300: rgb(250,242,224); /* @kind color */
  --color-earth-700: rgb(232,215,187); /* @kind color */
  --color-earth-900: rgb(162,151,131); /* @kind color */
  --color-earth-default: rgb(239,227,207); /* @kind color */
  --color-fields-active-label: var(--color-dark-200); /* @kind color */
  --color-fields-active: var(--color-earth-700); /* @kind color */
  --color-fields-default: var(--color-earth-200); /* @kind color */
  --color-fields-inactive-label: var(--color-dark-100); /* @kind color */
  --color-fields-stroke: var(--color-earth-700); /* @kind color */
  --color-page-primary: var(--color-brand-colors-brand-colors-brand-peach-fuzz-100); /* @kind color */
  --color-page-quaternary: var(--color-brand-colors-brand-colors-green-peachy-keen-100); /* @kind color */
  --color-page-secondary: var(--color-brand-colors-brand-colors-brand-peach-fuzz-default); /* @kind color */
  --color-page-tertiary: var(--color-brand-colors-brand-colors-brand-peach-fuzz-200); /* @kind color */
  --color-stroke-primary: var(--color-earth-default); /* @kind color */
  --color-stroke-secondary: var(--color-earth-900); /* @kind color */
  --color-subsatus-active: var(--color-brand-colors-brand-colors-green-peachy-keen-700); /* @kind color */
  --color-subsatus-cancelled: var(--color-brand-colors-brand-colors-red-grilled-peach-900); /* @kind color */
  --color-subsatus-fallback: var(--color-dark-100); /* @kind color */
  --color-subsatus-on-hold: var(--color-brand-colors-brand-colors-yellow-peaches-n-cream-700); /* @kind color */
  --color-subsatus-pending-cancel: var(--color-brand-colors-brand-colors-red-grilled-peach-default); /* @kind color */
  --color-subsatus-stalled: var(--color-brand-colors-brand-colors-red-grilled-peach-300); /* @kind color */
  --color-system-brand: var(--color-brand-colors-brand-colors-brand-peach-fuzz-default); /* @kind color */
  --color-system-info: var(--color-brand-colors-brand-colors-yellow-peaches-n-cream-700); /* @kind color */
  --color-system-success: var(--color-brand-colors-brand-colors-green-peachy-keen-700); /* @kind color */
  --color-system-warning-10: var(--color-brand-colors-brand-colors-red-grilled-peach-100); /* @kind color */
  --color-system-warning: var(--color-brand-colors-brand-colors-red-grilled-peach-default); /* @kind color */
  --color-text-body-primary: var(--color-dark-default); /* @kind color */
  --color-text-body-promo: var(--color-brand-colors-brand-colors-brand-peach-fuzz-900); /* @kind color */
  --color-text-body-secondary: var(--color-earth-900); /* @kind color */
  --color-text-body-tertiary: var(--color-white-default); /* @kind color */
  --color-text-heading-primary: var(--color-dark-default); /* @kind color */
  --color-text-heading-secondary: var(--color-brand-colors-brand-colors-brand-peach-fuzz-900); /* @kind color */
  --color-text-heading-tertiary: var(--color-white-default); /* @kind color */
  --color-text-link-base: var(--color-text-body-primary); /* @kind color */
  --color-text-link-hover: var(--color-text-body-promo); /* @kind color */
  --color-white-default-50: rgba(255,255,255,0.5); /* @kind color */
  --color-white-default: rgb(255,255,255); /* @kind color */
  --color: "Peach Melba";
  --components-button-variants-base-px: var(--spacing-6);
  --components-button-variants-base-py: var(--spacing-3);
  --components-button-variants-lg-px: var(--spacing-8);
  --components-button-variants-lg-py: var(--spacing-5);
  --components-button-variants-sm-px: var(--spacing-3);
  --components-button-variants-sm-py: var(--spacing-1);
  --email-typography-body-b1-font-size: 16;
  --email-typography-body-b2-font-family: var(--font-family-body-2);
  --email-typography-body-b2-font-size: 13;
  --email-typography-body-b2-font-weight: var(--font-weight-regular-2);
  --email-typography-email-size: 600;
  --font-family-body-2: "Inter";
  --font-family-body: "Open Sans";
  --font-family-subtitle: "Open Sans";
  --font-family-title: "Optima nova LT Pro";
  --font-line-height-2xl: 38;
  --font-line-height-3xl: 48;
  --font-line-height-4xl: 58;
  --font-line-height-5xl: 74;
  --font-line-height-base: 22;
  --font-line-height-lg: 24;
  --font-line-height-sm: 18;
  --font-line-height-xl: 30;
  --font-line-height-xs: 15;
  --font-size-2xl: 32;
  --font-size-3xl: 40;
  --font-size-4xl: 48;
  --font-size-5xl: 62;
  --font-size-base: 14;
  --font-size-lg: 20;
  --font-size-sm: 13;
  --font-size-xl: 25;
  --font-size-xs: 11;
  --font-weight-black: "Black";
  --font-weight-bold: "Bold";
  --font-weight-italic-regular: "Italic";
  --font-weight-regular-2: "Regular";
  --font-weight-regular: "Regular";
  --font-weight-semibold: "SemiBold";
  --gap-2xl: var(--spacing-16);
  --gap-2xs: var(--spacing-2);
  --gap-3xl: var(--spacing-20);
  --gap-3xs: var(--spacing-1);
  --gap-4xl: var(--spacing-25);
  --gap-5xl: var(--spacing-30);
  --gap-lg: var(--spacing-8);
  --gap-md: var(--spacing-6);
  --gap-none: var(--spacing-0);
  --gap-sm: var(--spacing-4);
  --gap-xl: var(--spacing-10);
  --gap-xs: var(--spacing-3);
  --opacity-opacity-100: 100;
  --opacity-opacity-20: 20;
  --opacity-opacity-50: 50;
  --opacity-opacity: 10;
  --padding-horizontal-2xs: var(--spacing-2);
  --padding-horizontal-lg: var(--spacing-8);
  --padding-horizontal-none: var(--spacing-0);
  --padding-padding-2xl: var(--spacing-11);
  --padding-padding-2xs: var(--spacing-2);
  --padding-padding-3xl: var(--spacing-12);
  --padding-padding-3xs: var(--spacing-1);
  --padding-padding-4xl: var(--spacing-13);
  --padding-padding-5xl: var(--spacing-15);
  --padding-padding-6xl: var(--spacing-16);
  --padding-padding-7xl: var(--spacing-20);
  --padding-padding-lg: var(--spacing-8);
  --padding-padding-md: var(--spacing-6);
  --padding-padding-none: var(--spacing-0);
  --padding-padding-sm: var(--spacing-4);
  --padding-padding-xl: var(--spacing-10);
  --padding-padding-xs: var(--spacing-3);
  --progressbar-five-steps-1-5: 302;
  --progressbar-five-steps-2-5: 605;
  --progressbar-five-steps-3-5: 902;
  --progressbar-five-steps-4-5: 1290;
  --progressbar-five-steps-5-5: 1512;
  --rounded-2xl-2: 32;
  --rounded-2xl: var(--rounded-2xl-2);
  --rounded-2xs-2: 4;
  --rounded-2xs: var(--rounded-2xs-2);
  --rounded-lg-2: 20;
  --rounded-lg: var(--rounded-lg-2);
  --rounded-md-2: 16;
  --rounded-md: var(--rounded-md-2);
  --rounded-none-2: 0;
  --rounded-none: var(--rounded-none-2);
  --rounded-sm-2: 12;
  --rounded-sm: var(--rounded-sm-2);
  --rounded-xl-2: 24;
  --rounded-xl: var(--rounded-lg);
  --rounded-xs-2: 8;
  --rounded-xs: var(--rounded-xs-2);
  --screen-cardheight: 520;
  --screen-cart-size: 504;
  --screen-cartdrawer-size: 440;
  --screen-device: "Desktop";
  --screen-flow-block: 404;
  --screen-full-inner-block: 1072;
  --screen-inner-block-1-3-24gap: 376;
  --screen-inner-block-2-3-24gap: 672;
  --screen-popup-base: 360;
  --screen-popup-xl: 504;
  --screen-prodblock-height: 480;
  --screen-prodblock-width-base: 346.66;
  --screen-prodblock-width-large: 709;
  --screen-product-block-max: 192;
  --screen-screen-width: 1512;
  --screen-sectionimagefullheight: 800;
  --screen-shop-product-block-image-height: 320;
  --screen-shop-product-block-min: 300;
  --spacing-0: 0;
  --spacing-10: 40;
  --spacing-11: 44;
  --spacing-12: 48;
  --spacing-13: 52;
  --spacing-14: 56;
  --spacing-15: 60;
  --spacing-16: 64;
  --spacing-17: 68;
  --spacing-18: 72;
  --spacing-19: 76;
  --spacing-1: 4;
  --spacing-20: 80;
  --spacing-21: 84;
  --spacing-22: 88;
  --spacing-23: 92;
  --spacing-24: 96;
  --spacing-25: 100;
  --spacing-26: 104;
  --spacing-27: 108;
  --spacing-28: 112;
  --spacing-29: 116;
  --spacing-2: 8;
  --spacing-30: 120;
  --spacing-31: 124;
  --spacing-3: 12;
  --spacing-4: 16;
  --spacing-5: 20;
  --spacing-6: 24;
  --spacing-7: 28;
  --spacing-8: 32;
  --spacing-9: 36;
  --typography-body-b1-font-family: var(--font-family-body);
  --typography-body-b1-font-line-height: var(--font-line-height-base);
  --typography-body-b1-font-size: var(--font-size-base);
  --typography-body-b1-font-weight-bold: var(--font-weight-black);
  --typography-body-b1-font-weight-italic: var(--font-weight-italic-regular);
  --typography-body-b1-font-weight: var(--font-weight-regular);
  --typography-body-b2-font-family: var(--font-family-body);
  --typography-body-b2-font-line-height: var(--font-line-height-sm);
  --typography-body-b2-font-size: var(--font-size-sm);
  --typography-body-b2-font-weight-bold: var(--font-weight-black);
  --typography-body-b2-font-weight: var(--font-weight-regular);
  --typography-body-b3-font-family: var(--font-family-body);
  --typography-body-b3-font-line-height: var(--font-line-height-xs);
  --typography-body-b3-font-size: var(--font-size-xs);
  --typography-body-b3-font-weight-bold: var(--font-weight-black);
  --typography-body-b3-font-weight: var(--font-weight-regular);
  --typography-heading-h1-font-family: var(--font-family-title);
  --typography-heading-h1-font-line-height: var(--font-line-height-5xl);
  --typography-heading-h1-font-size: var(--font-size-5xl);
  --typography-heading-h1-font-weight: var(--font-weight-regular);
  --typography-heading-h2-font-family: var(--font-family-title);
  --typography-heading-h2-font-line-height: var(--font-line-height-4xl);
  --typography-heading-h2-font-size: var(--font-size-4xl);
  --typography-heading-h2-font-weight: var(--font-weight-regular);
  --typography-heading-h3-font-family: var(--font-family-title);
  --typography-heading-h3-font-line-height: var(--font-line-height-3xl);
  --typography-heading-h3-font-size: var(--font-size-3xl);
  --typography-heading-h3-font-weight: var(--font-weight-regular);
  --typography-heading-h4-font-family: var(--font-family-title);
  --typography-heading-h4-font-line-height: var(--font-line-height-xl);
  --typography-heading-h4-font-size: var(--font-size-xl);
  --typography-heading-h4-font-weight: var(--font-weight-regular);
  --typography-heading-h5-font-family: var(--font-family-subtitle);
  --typography-heading-h5-font-line-height: var(--font-line-height-lg);
  --typography-heading-h5-font-size: var(--font-size-lg);
  --typography-heading-h5-font-weight: var(--font-weight-bold);
  --typography-heading-h6-font-family: var(--font-family-title);
  --typography-heading-h6-font-line-height: var(--font-line-height-xl);
  --typography-heading-h6-font-size: var(--font-size-lg);
  --typography-heading-h6-font-weight: var(--font-weight-black);
  --typography-label-base-font-family: var(--font-family-body);
  --typography-label-base-font-line-height: var(--font-line-height-base);
  --typography-label-base-font-size: var(--font-size-base);
  --typography-label-base-font-weight-bold: var(--font-weight-bold);
  --typography-label-base-font-weight: var(--font-weight-semibold);
  --typography-label-lg-font-family: var(--font-family-body);
  --typography-label-lg-font-line-height: var(--font-line-height-base);
  --typography-label-lg-font-size: var(--font-size-lg);
  --typography-label-lg-font-weight: var(--font-weight-semibold);
  --typography-label-sm-font-family: var(--font-family-body);
  --typography-label-sm-font-line-height: var(--font-line-height-base);
  --typography-label-sm-font-size: var(--font-size-sm);
  --typography-label-sm-font-weight: var(--font-weight-regular);
}

:root[data-mode="backup-original-04-03-26"] {
  --color-brand-colors-brand-colors-brand-peach-fuzz-100: rgb(255,252,250); /* @kind color */
  --color-brand-colors-brand-colors-brand-peach-fuzz-200: rgb(255,245,236); /* @kind color */
  --color-brand-colors-brand-colors-brand-peach-fuzz-300: rgb(255,242,229); /* @kind color */
  --color-brand-colors-brand-colors-brand-peach-fuzz-500: rgb(255,204,162); /* @kind color */
  --color-brand-colors-brand-colors-brand-peach-fuzz-900: rgb(249,165,129); /* @kind color */
  --color-brand-colors-brand-colors-brand-peach-fuzz-default: rgb(255,230,209); /* @kind color */
  --color-brand-colors-brand-colors-green-peachy-keen-100: rgb(239,242,232); /* @kind color */
  --color-brand-colors-brand-colors-green-peachy-keen-300: rgb(219,226,201); /* @kind color */
  --color-brand-colors-brand-colors-green-peachy-keen-700: rgb(183,192,160); /* @kind color */
  --color-brand-colors-brand-colors-green-peachy-keen-900: rgb(142,149,125); /* @kind color */
  --color-brand-colors-brand-colors-green-peachy-keen-default: rgb(203,213,178); /* @kind color */
  --color-brand-colors-brand-colors-purple-purple-peach-100: rgb(254,246,255); /* @kind color */
  --color-brand-colors-brand-colors-purple-purple-peach-300: rgb(253,242,255); /* @kind color */
  --color-brand-colors-brand-colors-purple-purple-peach-700: rgb(222,200,233); /* @kind color */
  --color-brand-colors-brand-colors-purple-purple-peach-900: rgb(194,170,204); /* @kind color */
  --color-brand-colors-brand-colors-purple-purple-peach-default: rgb(252,237,255); /* @kind color */
  --color-brand-colors-brand-colors-red-grilled-peach-100: rgb(254,197,195); /* @kind color */
  --color-brand-colors-brand-colors-red-grilled-peach-300: rgb(254,153,149); /* @kind color */
  --color-brand-colors-brand-colors-red-grilled-peach-50: rgb(254,237,234); /* @kind color */
  --color-brand-colors-brand-colors-red-grilled-peach-700: rgb(228,98,94); /* @kind color */
  --color-brand-colors-brand-colors-red-grilled-peach-900: rgb(177,76,73); /* @kind color */
  --color-brand-colors-brand-colors-red-grilled-peach-default: rgb(253,109,104); /* @kind color */
  --color-brand-colors-brand-colors-yellow-peaches-n-cream-100: rgb(255,247,231); /* @kind color */
  --color-brand-colors-brand-colors-yellow-peaches-n-cream-300: rgb(255,241,214); /* @kind color */
  --color-brand-colors-brand-colors-yellow-peaches-n-cream-700: rgb(255,208,116); /* @kind color */
  --color-brand-colors-brand-colors-yellow-peaches-n-cream-900: rgb(255,177,76); /* @kind color */
  --color-brand-colors-brand-colors-yellow-peaches-n-cream-default: rgb(255,235,196); /* @kind color */
  --color-dark-100: rgb(145,143,145); /* @kind color */
  --color-dark-200: rgb(108,105,109); /* @kind color */
  --color-dark-300: rgb(89,87,90); /* @kind color */
  --color-dark-default-50: rgba(71,68,72,0.5); /* @kind color */
  --color-dark-default: rgb(71,68,72); /* @kind color */
  --color-earth-200: rgb(255,251,241); /* @kind color */
  --color-earth-300: rgb(250,242,224); /* @kind color */
  --color-earth-700: rgb(232,215,187); /* @kind color */
  --color-earth-900: rgb(162,151,131); /* @kind color */
  --color-earth-default: rgb(239,227,207); /* @kind color */
  --color-white-default-50: rgba(255,255,255,0.5); /* @kind color */
  --color-white-default: rgb(255,255,255); /* @kind color */
  --font-family-body: "Open Sans";
  --font-family-subtitle: "Open Sans";
  --font-family-title: "Bright Gesture";
  --font-line-height-2xl: 38;
  --font-line-height-3xl: 48;
  --font-line-height-4xl: 58;
  --font-line-height-5xl: 74;
  --font-line-height-base: 22;
  --font-line-height-lg: 24;
  --font-line-height-sm: 18;
  --font-line-height-xl: 30;
  --font-line-height-xs: 15;
  --font-size-2xl: 32;
  --font-size-3xl: 40;
  --font-size-4xl: 48;
  --font-size-5xl: 62;
  --font-size-base: 16;
  --font-size-lg: 20;
  --font-size-sm: 13;
  --font-size-xl: 25;
  --font-size-xs: 11;
  --font-weight-black: "Black";
  --font-weight-bold: "Bold";
  --font-weight-italic-regular: "Italic";
  --font-weight-regular: "Regular";
  --font-weight-semibold: "SemiBold";
  --opacity-opacity-100: 100;
  --opacity-opacity-20: 20;
  --opacity-opacity-50: 50;
  --opacity-opacity: 10;
  --rounded-2xl-2: 32;
  --rounded-2xs-2: 4;
  --rounded-lg-2: 20;
  --rounded-md-2: 16;
  --rounded-none-2: 0;
  --rounded-sm-2: 12;
  --rounded-xl-2: 24;
  --rounded-xs-2: 8;
  --spacing-0: 0;
  --spacing-10: 40;
  --spacing-11: 44;
  --spacing-12: 48;
  --spacing-13: 52;
  --spacing-14: 56;
  --spacing-15: 60;
  --spacing-16: 64;
  --spacing-17: 68;
  --spacing-18: 72;
  --spacing-19: 76;
  --spacing-1: 4;
  --spacing-20: 80;
  --spacing-21: 84;
  --spacing-22: 88;
  --spacing-23: 92;
  --spacing-24: 96;
  --spacing-25: 100;
  --spacing-26: 104;
  --spacing-27: 108;
  --spacing-28: 112;
  --spacing-29: 116;
  --spacing-2: 8;
  --spacing-30: 120;
  --spacing-31: 124;
  --spacing-3: 12;
  --spacing-4: 16;
  --spacing-5: 20;
  --spacing-6: 24;
  --spacing-7: 28;
  --spacing-8: 32;
  --spacing-9: 36;
}

:root[data-mode="mobile"] {
  --brand-strings-brand-name: "peach fuzz";
  --brand-strings-currency: "kr";
  --brand-strings-email: "hej@peachfuzz.dk";
  --brand-strings-phone-number: "8987 7202";
  --components-button-variants-base-px: var(--spacing-6);
  --components-button-variants-base-py: var(--spacing-3);
  --components-button-variants-lg-px: var(--spacing-8);
  --components-button-variants-lg-py: var(--spacing-5);
  --components-button-variants-sm-px: var(--spacing-3);
  --components-button-variants-sm-py: var(--spacing-1);
  --email-typography-body-b1-font-size: 16;
  --email-typography-body-b2-font-family: var(--font-family-body-2);
  --email-typography-body-b2-font-size: 13;
  --email-typography-body-b2-font-weight: var(--font-weight-regular-2);
  --email-typography-email-size: 375;
  --gap-2xl: var(--spacing-8);
  --gap-2xs: var(--spacing-2);
  --gap-3xl: var(--spacing-16);
  --gap-3xs: var(--spacing-1);
  --gap-4xl: var(--spacing-20);
  --gap-5xl: var(--spacing-20);
  --gap-lg: var(--spacing-8);
  --gap-md: var(--spacing-6);
  --gap-none: var(--spacing-0);
  --gap-sm: var(--spacing-4);
  --gap-xl: var(--spacing-8);
  --gap-xs: var(--spacing-3);
  --padding-horizontal-2xs: var(--spacing-1);
  --padding-horizontal-lg: var(--spacing-4);
  --padding-horizontal-none: var(--spacing-0);
  --padding-padding-2xl: var(--spacing-10);
  --padding-padding-2xs: var(--spacing-1);
  --padding-padding-3xl: var(--spacing-11);
  --padding-padding-3xs: var(--spacing-1);
  --padding-padding-4xl: var(--spacing-13);
  --padding-padding-5xl: var(--spacing-14);
  --padding-padding-6xl: var(--spacing-16);
  --padding-padding-7xl: var(--spacing-20);
  --padding-padding-lg: var(--spacing-4);
  --padding-padding-md: var(--spacing-4);
  --padding-padding-none: var(--spacing-0);
  --padding-padding-sm: var(--spacing-4);
  --padding-padding-xl: var(--spacing-8);
  --padding-padding-xs: var(--spacing-2);
  --progressbar-five-steps-1-5: 75;
  --progressbar-five-steps-2-5: 150;
  --progressbar-five-steps-3-5: 225;
  --progressbar-five-steps-4-5: 330;
  --progressbar-five-steps-5-5: 375;
  --rounded-2xl: var(--rounded-2xl-2);
  --rounded-2xs: var(--rounded-2xs-2);
  --rounded-lg: var(--rounded-lg-2);
  --rounded-md: var(--rounded-md-2);
  --rounded-none: var(--rounded-none-2);
  --rounded-sm: var(--rounded-sm-2);
  --rounded-xl: var(--rounded-xl-2);
  --rounded-xs: var(--rounded-xs-2);
  --screen-cardheight: 400;
  --screen-cart-size: 375;
  --screen-cartdrawer-size: 375;
  --screen-device: "Mobile";
  --screen-flow-block: 359;
  --screen-full-inner-block: 359;
  --screen-inner-block-1-3-24gap: 355;
  --screen-inner-block-2-3-24gap: 355;
  --screen-popup-base: 360;
  --screen-popup-xl: 20;
  --screen-prodblock-height: 304;
  --screen-prodblock-width-base: 175.5;
  --screen-prodblock-width-large: 359;
  --screen-product-block-max: 153.5;
  --screen-screen-width: 375;
  --screen-sectionimagefullheight: 375;
  --screen-shop-product-block-image-height: 200;
  --screen-shop-product-block-min: 160;
  --typography-body-b1-font-family: var(--font-family-body);
  --typography-body-b1-font-line-height: var(--font-line-height-base);
  --typography-body-b1-font-size: var(--font-size-base);
  --typography-body-b1-font-weight-bold: var(--font-weight-black);
  --typography-body-b1-font-weight-italic: var(--font-weight-italic-regular);
  --typography-body-b1-font-weight: var(--font-weight-regular);
  --typography-body-b2-font-family: var(--font-family-body);
  --typography-body-b2-font-line-height: var(--font-line-height-sm);
  --typography-body-b2-font-size: var(--font-size-sm);
  --typography-body-b2-font-weight-bold: var(--font-weight-black);
  --typography-body-b2-font-weight: var(--font-weight-regular);
  --typography-body-b3-font-family: var(--font-family-body);
  --typography-body-b3-font-line-height: var(--font-line-height-xs);
  --typography-body-b3-font-size: var(--font-size-xs);
  --typography-body-b3-font-weight-bold: var(--font-weight-black);
  --typography-body-b3-font-weight: var(--font-weight-regular);
  --typography-heading-h1-font-family: var(--font-family-title);
  --typography-heading-h1-font-line-height: var(--font-line-height-4xl);
  --typography-heading-h1-font-size: var(--font-size-4xl);
  --typography-heading-h1-font-weight: var(--font-weight-regular);
  --typography-heading-h2-font-family: var(--font-family-title);
  --typography-heading-h2-font-line-height: var(--font-line-height-3xl);
  --typography-heading-h2-font-size: var(--font-size-3xl);
  --typography-heading-h2-font-weight: var(--font-weight-regular);
  --typography-heading-h3-font-family: var(--font-family-title);
  --typography-heading-h3-font-line-height: var(--font-line-height-2xl);
  --typography-heading-h3-font-size: var(--font-size-2xl);
  --typography-heading-h3-font-weight: var(--font-weight-regular);
  --typography-heading-h4-font-family: var(--font-family-title);
  --typography-heading-h4-font-line-height: var(--font-line-height-lg);
  --typography-heading-h4-font-size: var(--font-size-lg);
  --typography-heading-h4-font-weight: var(--font-weight-regular);
  --typography-heading-h5-font-family: var(--font-family-subtitle);
  --typography-heading-h5-font-line-height: var(--font-line-height-base);
  --typography-heading-h5-font-size: var(--font-size-base);
  --typography-heading-h5-font-weight: var(--font-weight-bold);
  --typography-heading-h6-font-family: var(--font-family-title);
  --typography-heading-h6-font-line-height: var(--font-line-height-xl);
  --typography-heading-h6-font-size: var(--font-size-base);
  --typography-heading-h6-font-weight: var(--font-weight-black);
  --typography-label-base-font-family: var(--font-family-body);
  --typography-label-base-font-line-height: var(--font-line-height-base);
  --typography-label-base-font-size: var(--font-size-base);
  --typography-label-base-font-weight-bold: var(--font-weight-bold);
  --typography-label-base-font-weight: var(--font-weight-semibold);
  --typography-label-lg-font-family: var(--font-family-body);
  --typography-label-lg-font-line-height: var(--font-line-height-base);
  --typography-label-lg-font-size: var(--font-size-lg);
  --typography-label-lg-font-weight: var(--font-weight-semibold);
  --typography-label-sm-font-family: var(--font-family-body);
  --typography-label-sm-font-line-height: var(--font-line-height-base);
  --typography-label-sm-font-size: var(--font-size-sm);
  --typography-label-sm-font-weight: var(--font-weight-regular);
}

:root[data-mode="pre-25-08-2025"] {
  --color-box-primary: var(--color-brand-colors-brand-colors-brand-peach-fuzz-300); /* @kind color */
  --color-box-secondary: var(--color-earth-200); /* @kind color */
  --color-box-stroke: var(--color-earth-default); /* @kind color */
  --color-box-tertiary: var(--color-earth-700); /* @kind color */
  --color-components-accordion-active-bagground: var(--color-brand-colors-brand-colors-red-grilled-peach-50); /* @kind color */
  --color-components-accordion-active-stroke: rgba(254,237,234,0); /* @kind color */
  --color-components-accordion-bagground: var(--color-brand-colors-brand-colors-red-grilled-peach-50); /* @kind color */
  --color-components-accordion-icon: var(--color-dark-100); /* @kind color */
  --color-components-accordion-stroke: rgba(254,237,234,0); /* @kind color */
  --color-components-button-checkmark-icon: var(--color-dark-default); /* @kind color */
  --color-components-button-checkmark-stroke: var(--color-dark-default); /* @kind color */
  --color-components-button-languageswitcher-background: var(--color-white-default); /* @kind color */
  --color-components-button-languageswitcher-hover-background: var(--color-brand-colors-brand-colors-brand-peach-fuzz-900); /* @kind color */
  --color-components-button-languageswitcher-hover-stroke: var(--color-brand-colors-brand-colors-brand-peach-fuzz-900); /* @kind color */
  --color-components-button-languageswitcher-label-hover: var(--color-white-default); /* @kind color */
  --color-components-button-languageswitcher-label: var(--color-dark-default); /* @kind color */
  --color-components-button-languageswitcher-stroke: var(--color-brand-colors-brand-colors-brand-peach-fuzz-500); /* @kind color */
  --color-components-button-primary-background: var(--color-brand-colors-brand-colors-brand-peach-fuzz-900); /* @kind color */
  --color-components-button-primary-drowndown-background: var(--color-brand-colors-brand-colors-brand-peach-fuzz-900); /* @kind color */
  --color-components-button-primary-hover-background: var(--color-brand-colors-brand-colors-brand-peach-fuzz-500); /* @kind color */
  --color-components-button-primary-hover-drowndown-background: var(--color-brand-colors-brand-colors-brand-peach-fuzz-500); /* @kind color */
  --color-components-button-primary-hover-stroke: rgba(255,255,255,0); /* @kind color */
  --color-components-button-primary-label: var(--color-white-default); /* @kind color */
  --color-components-button-primary-stroke: rgba(255,255,255,0); /* @kind color */
  --color-components-button-radiobutton-default: var(--color-dark-default); /* @kind color */
  --color-components-button-secondary-background: var(--color-white-default); /* @kind color */
  --color-components-button-secondary-drowndown-background: var(--color-white-default); /* @kind color */
  --color-components-button-secondary-hover-background: var(--color-white-default-50); /* @kind color */
  --color-components-button-secondary-hover-drowndown-background: var(--color-brand-colors-brand-colors-brand-peach-fuzz-900); /* @kind color */
  --color-components-button-secondary-hover-stroke: rgba(255,255,255,0); /* @kind color */
  --color-components-button-secondary-label: var(--color-dark-default); /* @kind color */
  --color-components-button-secondary-stroke: rgba(255,255,255,0); /* @kind color */
  --color-components-button-tertiary-background: rgba(255,255,255,0); /* @kind color */
  --color-components-button-tertiary-drowndown-background: var(--color-brand-colors-brand-colors-brand-peach-fuzz-900); /* @kind color */
  --color-components-button-tertiary-hover-background: var(--color-earth-300); /* @kind color */
  --color-components-button-tertiary-hover-drowndown-background: var(--color-brand-colors-brand-colors-brand-peach-fuzz-900); /* @kind color */
  --color-components-button-tertiary-hover-stroke: var(--color-dark-default); /* @kind color */
  --color-components-button-tertiary-label: var(--color-dark-default); /* @kind color */
  --color-components-button-tertiary-stroke: var(--color-dark-default); /* @kind color */
  --color-components-calendar-background: var(--color-earth-300); /* @kind color */
  --color-components-calendar-button: var(--color-dark-300); /* @kind color */
  --color-components-calendar-icon: var(--color-dark-300); /* @kind color */
  --color-components-calendar-stroke: var(--color-earth-700); /* @kind color */
  --color-components-icon-active: var(--color-brand-colors-brand-colors-brand-peach-fuzz-900); /* @kind color */
  --color-components-icon-primary: var(--color-dark-default); /* @kind color */
  --color-components-icon-secondary: var(--color-white-default); /* @kind color */
  --color-components-loader-indicator: var(--color-brand-colors-brand-colors-brand-peach-fuzz-500); /* @kind color */
  --color-components-loader-track: var(--color-brand-colors-brand-colors-brand-peach-fuzz-300); /* @kind color */
  --color-components-logo-primary: var(--color-dark-default); /* @kind color */
  --color-components-logo-secondary: var(--color-white-default); /* @kind color */
  --color-components-logo-tertiary: var(--color-white-default); /* @kind color */
  --color-components-popup-primary: var(--color-white-default); /* @kind color */
  --color-components-popup-secondary: var(--color-brand-colors-brand-colors-brand-peach-fuzz-default); /* @kind color */
  --color-components-progressbar-background: var(--color-brand-colors-brand-colors-brand-peach-fuzz-300); /* @kind color */
  --color-components-progressbar-bar: var(--color-brand-colors-brand-colors-brand-peach-fuzz-500); /* @kind color */
  --color-components-slider-active-slider: var(--color-brand-colors-brand-colors-brand-peach-fuzz-500); /* @kind color */
  --color-components-slider-button: var(--color-brand-colors-brand-colors-brand-peach-fuzz-500); /* @kind color */
  --color-components-slider-icon: var(--color-earth-900); /* @kind color */
  --color-components-slider-inactive-slider: var(--color-earth-default); /* @kind color */
  --color-components-slider-stroke: var(--color-earth-900); /* @kind color */
  --color-components-template-footer-primary: var(--color-brand-colors-brand-colors-brand-peach-fuzz-300); /* @kind color */
  --color-components-template-footer-secondary: var(--color-brand-colors-brand-colors-brand-peach-fuzz-default); /* @kind color */
  --color-components-template-footer-tertiary: var(--color-brand-colors-brand-colors-red-grilled-peach-100); /* @kind color */
  --color-components-template-navbar-primary: var(--color-brand-colors-brand-colors-brand-peach-fuzz-100); /* @kind color */
  --color-components-template-navbar-stroke: var(--color-earth-300); /* @kind color */
  --color-fields-active-label: var(--color-dark-200); /* @kind color */
  --color-fields-active: var(--color-earth-700); /* @kind color */
  --color-fields-default: var(--color-earth-200); /* @kind color */
  --color-fields-inactive-label: var(--color-dark-100); /* @kind color */
  --color-fields-stroke: var(--color-earth-700); /* @kind color */
  --color-page-primary: var(--color-brand-colors-brand-colors-brand-peach-fuzz-100); /* @kind color */
  --color-page-quaternary: var(--color-brand-colors-brand-colors-green-peachy-keen-100); /* @kind color */
  --color-page-secondary: var(--color-brand-colors-brand-colors-brand-peach-fuzz-default); /* @kind color */
  --color-page-tertiary: var(--color-brand-colors-brand-colors-brand-peach-fuzz-200); /* @kind color */
  --color-stroke-primary: var(--color-earth-default); /* @kind color */
  --color-stroke-secondary: var(--color-earth-900); /* @kind color */
  --color-subsatus-active: var(--color-brand-colors-brand-colors-green-peachy-keen-700); /* @kind color */
  --color-subsatus-cancelled: var(--color-brand-colors-brand-colors-red-grilled-peach-900); /* @kind color */
  --color-subsatus-fallback: var(--color-dark-100); /* @kind color */
  --color-subsatus-on-hold: var(--color-brand-colors-brand-colors-yellow-peaches-n-cream-700); /* @kind color */
  --color-subsatus-pending-cancel: var(--color-brand-colors-brand-colors-red-grilled-peach-default); /* @kind color */
  --color-subsatus-stalled: var(--color-brand-colors-brand-colors-red-grilled-peach-300); /* @kind color */
  --color-system-brand: var(--color-brand-colors-brand-colors-brand-peach-fuzz-default); /* @kind color */
  --color-system-info: var(--color-brand-colors-brand-colors-yellow-peaches-n-cream-700); /* @kind color */
  --color-system-success: var(--color-brand-colors-brand-colors-green-peachy-keen-700); /* @kind color */
  --color-system-warning-10: var(--color-brand-colors-brand-colors-red-grilled-peach-100); /* @kind color */
  --color-system-warning: var(--color-brand-colors-brand-colors-red-grilled-peach-default); /* @kind color */
  --color-text-body-primary: var(--color-dark-default); /* @kind color */
  --color-text-body-promo: var(--color-brand-colors-brand-colors-brand-peach-fuzz-900); /* @kind color */
  --color-text-body-secondary: var(--color-earth-900); /* @kind color */
  --color-text-body-tertiary: var(--color-white-default); /* @kind color */
  --color-text-heading-primary: var(--color-dark-default); /* @kind color */
  --color-text-heading-secondary: var(--color-brand-colors-brand-colors-brand-peach-fuzz-900); /* @kind color */
  --color-text-heading-tertiary: var(--color-white-default); /* @kind color */
  --color-text-link-base: var(--color-text-body-primary); /* @kind color */
  --color-text-link-hover: var(--color-text-body-promo); /* @kind color */
}

:root[data-mode="color-2"] {
  --color: "Peachy Keen";
}

:root[data-mode="color-3"] {
  --color: "Fuzzy Peach";
}