:root {
    --meab-himmelsbla: #5DC4ED;
    --meab-himmelsbla-lighter-30: #8ED6F2;
    --meab-himmelsbla-lighter-60: #BEE7F8;
    --meab-havsbla: #211F5E;
    --meab-havsbla-lighter-30: #64628E;
    --meab-havsbla-lighter-60: #A6A5BF;
    --meab-molnvit: #E7E7E9;
    --meab-molnvit-darker-10: #D0D0D2;
    --meab-molnvit-darker-20: #B9B9BA;
    --meab-stalgra: #2D2B2C;
    --meab-stalgra-lighter-30: #6C6B6B;
    --meab-stalgra-lighter-60: #ABAAAB;
    --main-color: var(--meab-havsbla);
    --main-color-lighten: var(--meab-havsbla-lighter-60);
    --main-bg-color: var(--meab-molnvit);
    --focus-bg-color: #d0d0d0;
    --blue-color: #1F8AB8;
    --green-color: #28a745;
    --green-color-light: #28a74533;
    --red-color: #dc3545;
    --dark-color: #555;
    --light-color: #bbb;
    --warning-color: #ffc107;
    --error-color: #dc3545;
    --on-main-color: var(--meab-himmelsbla);
    --accent-color: var(--meab-himmelsbla);
    --logo-width: 45px;
    --logo-height: 45px;
    --logo-margin-top: 0;
    --logo-width-md: clamp(80px, 8vw, 100px);
    --logo-height-md: clamp(62px, 6.25vw, 78px);
    --logo-margin-top-md: 0;
    --logo-width-lg: clamp(190px, 13.6vw, 261px);
    --logo-height-lg: clamp(51px, 3.6vw, 69px);
    --logo-margin-top-lg: 0;
    --utils-icon-shadow: none;
    --utils-icon-border: 2px solid var(--meab-himmelsbla);
    --cart-preview-shadow: none;
    --cart-preview-border: 4px solid var(--meab-havsbla);
    --footer-h1-size-mobile: 30px;
    --header-bg: var(--meab-havsbla);
    --header-text-color: #fff;
    --header-strip-color: var(--meab-himmelsbla);
    --header-strip-height: 14px;
    --header-padding: clamp(20px, 1.6vw, 40px) 0 calc(clamp(20px, 1.6vw, 40px) + 14px);
    --header-nav-font-size: clamp(20px, 1.3vw, 24px);
    --header-nav-underline: none;
    --header-nav-hover-color: var(--meab-himmelsbla);
    --header-icon-color: var(--meab-himmelsbla);
    --header-margin-bottom: 50px;
    --search-field-border: 2px solid var(--meab-himmelsbla);
    --search-field-radius: 8px;
    --search-field-padding: 6px 84px 6px 12px;
    --search-field-bg: linear-gradient(to left, var(--meab-himmelsbla) 76px, #fff 0);
    --search-field-width: clamp(220px, 24vw, 340px);
    --search-field-font-size: 16px;
    --search-field-font-weight: 500;
    --cart-badge-bg: #fff;
    --cart-badge-color: var(--meab-havsbla);
    --intro-description-color: var(--meab-himmelsbla);
    --intro-description-color-mobile: #fff;
    --front-item-bg: var(--meab-molnvit);
    --front-item-shadow: none;
    --front-item-radius: 10px;
    --front-item-hover-color: var(--meab-havsbla);
    --front-item-hover-shadow: none;
    --front-item-padding: 0;
    --front-item-image-padding: 16px;
    --front-item-text-bg: var(--meab-himmelsbla);
    --front-item-text-padding: 12px 16px;
    --footer-about-bg: var(--meab-himmelsbla);
    --footer-about-color: var(--meab-havsbla);
    --footer-about-title-weight: 600;
    --footer-about-logo-width: 195px;
    --footer-about-logo-height: 150px;
    --font-family: transducer;
    --font-weight-body: 500;
    --font-weight-heading: 900;
    --start-image-s: url("/meab-startsida-s.png");
    --start-image-m: url("/meab-startsida-m.png");
    --start-image-l: url("/meab-startsida-l.png");
    --start-image-xl: url("/meab-startsida-xl.png");
    --start-image-xxl: url("/meab-startsida-xxl.png");
    --logo-image: url("/meab-logotyp-liggande-ljusbla-text.svg");
    --logo-image-mobile: url("/meab-logotyp-staende-ljusbla-text.svg");
    --intro-image-size: cover;
    --intro-overlay: none;
    --intro-text-color: #fff;
    --intro-padding: clamp(24px, 3.5vw, 72px);
    --intro-width: 100vw;
    --intro-bleed-margin: calc((100% - 100vw) / 2);
    --intro-content-max-width: 80vw;
    --intro-content-max-width-xl: 70vw;
}