:root {

    --bui-size-xxs: 2px;
    --bui-size-xs: 4px;
    --bui-size-s: 8px;
    --bui-size-m: 16px;
    --bui-size-l: 24px;
    --bui-size-xl: 32px;
    --bui-size-xxl: 40px;
    --bui-size-xxxl: 48px;
    --bui-size-xxxxl: 64px;

    --bui-spacing-supersquished-inside-s: var(--bui-size-s) var(--bui-size-l) var(--bui-size-s) var(--bui-size-l);
    --bui-spacing-squished-inside-xs: var(--bui-size-xs) var(--bui-size-s) var(--bui-size-xs) var(--bui-size-s);
    --bui-spacing-squished-inside-s: var(--bui-size-s) var(--bui-size-m) var(--bui-size-s) var(--bui-size-m);
    --bui-spacing-squished-inside-m: var(--bui-size-m) var(--bui-size-l) var(--bui-size-m) var(--bui-size-l);
    --bui-spacing-squished-inside-l: var(--bui-size-l) var(--bui-size-xxl) var(--bui-size-l) var(--bui-size-xxl);
    --bui-spacing-squished-inside-xl: var(--bui-size-xl) var(--bui-size-xxxl) var(--bui-size-xl) var(--bui-size-xxxl);
    --bui-spacing-squished-inside-xxl: var(--bui-size-xxl) var(--bui-size-xxxxl) var(--bui-size-xxl) var(--bui-size-xxxxl);
    --bui-spacing-stretched-inside-xs: var(--bui-size-s) var(--bui-size-xs) var(--bui-size-s) var(--bui-size-xs);
    --bui-spacing-stretched-inside-s: var(--bui-size-m) var(--bui-size-s) var(--bui-size-m) var(--bui-size-s);
    --bui-spacing-stretched-inside-m: var(--bui-size-l) var(--bui-size-m) var(--bui-size-l) var(--bui-size-m);
    --bui-spacing-stretched-inside-l: var(--bui-size-xxl) var(--bui-size-l) var(--bui-size-xxl) var(--bui-size-l);
    --bui-spacing-stretched-inside-xl: var(--bui-size-xxxl) var(--bui-size-xl) var(--bui-size-xxxl) var(--bui-size-xl);
    --bui-spacing-stretched-inside-xxl: var(--bui-size-xxxxl) var(--bui-size-xxl) var(--bui-size-xxxxl) var(--bui-size-xxl);

    --bui-base-font-size: 16px;
    --bui-font-size-xs: 0.75rem;
    --bui-font-size-s: 0.875rem;
    --bui-font-size-m: 1rem;
    --bui-font-size-l: 1.125rem;
    --bui-font-size-xl: 1.25rem;
    --bui-font-size-xxl: 1.5rem;
    --bui-font-size-h1: 2.25rem;
    --bui-font-size-h2: 1.75rem;
    --bui-font-size-h3: 1.5rem;
    --bui-font-size-h4: 1.25rem;
    --bui-font-size-h5: 1.125rem;
    --bui-font-size-h6: 1rem;
    --bui-line-height-xs: 1;
    --bui-line-height-s: 1.25;
    --bui-line-height-m: 1.5;
    --bui-line-height-l: 1.75;

    --bui-color-data-5-darker: #37138c;
    --bui-color-primary-7: #121212;
    --bui-color-primary-100: #fff;
    --bui-color-secondary-15: #262626;
    --bui-color-secondary-30: #4d4d4d;
    --bui-color-secondary-70: #b3b3b3;
    --bui-color-secondary-90: #e6e6e6;
    --bui-color-status-alert-darker: #cb0026;
    --bui-color-body-text: var(--bui-color-primary-7);
    --bui-color-disabled: var(--bui-color-secondary-70);
    --bui-color-link-text: var(--bui-color-data-5-darker);
    --bui-color-link-text-hover: var(--bui-color-data-5-darker);
    --bui-color-link-text-active: var(--bui-color-data-5-darker);

    --bui-color-brand-green-lighter: #65AC1E;
    --bui-color-brand-black: #000000;
    --bui-color-brand-white: #ffffff;

    --bui-accordion-section-title-border-bottom-color: #adadad;
    --bui-accordion-section-title-color: #333333;

    --bui-anchor-color-default: #000000;
    --bui-anchor-color-visited: #000000;
    --bui-anchor-color-hover: #000000;
    --bui-anchor-color-active: #000000;
    --bui-anchor-color-focus: #00793A;
    --bui-anchor-outline-focus: unset;

    --bui-base-input-background-color: #ffffff;
    --bui-base-input-background-color-disabled: #e6e6e6;
    --bui-base-input-border-color: #ADADAD;
    --bui-base-input-border-color-disabled: #e6e6e6;
    --bui-base-input-border-color-error: #C50022;
    --bui-base-input-icons-color: #ADADAD;
    --bui-base-input-error-color: #C50022;
    --bui-base-input-border-color-focus: #00793A;
    --bui-base-input-label-color: #121212;
    --bui-base-input-label-subtext-color: #121212;
    --bui-base-input-placeholder-color: #696969;

    --bui-button-color-default: #ffffff;
    --bui-button-background-color-default: #65AC1E;
    --bui-button-background-color-hover: #7C7C7C;
    --bui-button-background-color-active: #00793A;
    --bui-button-background-color-disabled: #DCDCDC;
    --bui-button-background-color-focused: #65AC1E;

    --bui-button-secondary-color-default: #00793A;
    --bui-button-secondary-color-hover: #00793A;
    --bui-button-secondary-color-active: #FFFFFF;
    --bui-button-secondary-color-disabled: #FFFFFF;
    --bui-button-secondary-color-focused: #00793A;
    --bui-button-secondary-background-color-default: #FFFFFF;
    --bui-button-secondary-background-color-hover: #F0F0F0;
    --bui-button-secondary-background-color-active: #00793A;
    --bui-button-secondary-background-color-disabled: #DCDCDC;
    --bui-button-secondary-background-color-focused: #FFFFFF;

    --bui-button-subtle-color-default: #00793A;
    --bui-button-subtle-color-focus: #121212;
    --bui-button-subtle-color-hover: #121212;
    --bui-button-subtle-color-active: #4D4D4D;
    --bui-button-subtle-color-disabled: #B3B3B3;
    --bui-button-subtle-background-color-focused: #DCDCDC;

    --bui-button-outline-color-focused: #00793A;
    --bui-button-spacing-small: 8px 15px;
    --bui-button-spacing-medium: 15px 20px;
    --bui-button-spacing-large: 18px 25px;
    --bui-button-line-height: 18px;
    --bui-button-icon-font-size: 18px;

    --bui-chip-color: #ffffff;
    --bui-chip-color-disabled: #4D4D4DFF;
    --bui-chip-background-color: #00793A;
    --bui-chip-background-color-disabled: #B3B3B3;
    --bui-chip-background-color-focus: #121212;

    --bui-product-carousel-slide-shadow-color: rgba(0, 0, 0, 0.1);
    --bui-product-carousel-slide-background-color: #ffffff;
    --bui-product-carousel-product-name-color: #65ac1e;
    --bui-product-carousel-product-description-color: #000000;

    --bui-side-bar-background-color: #ffffff;

    --bui-toast-color-success: #FFFFFF;
    --bui-toast-color-error: #FFFFFF;
    --bui-toast-color-warning: #333333;
    --bui-toast-color-info: #FFFFFF;
    --bui-toast-background-color-success: #00793A;
    --bui-toast-background-color-error: #C50022;
    --bui-toast-background-color-warning: #F39500;
    --bui-toast-background-color-info: #7C7C7C;

    --bui-toggle-label-color: #333333;
    --bui-toggle-label-color-disabled: #adadad;
    --bui-toggle-switch-container-background-color-off: #b0adab;
    --bui-toggle-switch-container-background-color-on: #00793a;
    --bui-toggle-switch-container-background-color-off-disabled: #b0adab;
    --bui-toggle-switch-container-background-color-on-disabled: #b0adab;
    --bui-toggle-switch-container-color-off-disabled: #ffffff;
    --bui-toggle-switch-container-color-on: #ffffff;
    --bui-toggle-switch-container-color-on-disabled: #ffffff;
    --bui-toggle-switch-color-on-disabled: #ffffff;
    --bui-toggle-switch-background-color-off: #ffffff;
    --bui-toggle-switch-background-color-off-disabled: #dddbda;
    --bui-toggle-switch-background-color-on: #ffffff;
    --bui-toggle-switch-background-color-on-disabled: #dddbda;

    --bap-header-slot-with-logo-color: #ffffff;
    --bap-header-slot-with-logo-background-color: #0000007F;

    --bap-tile-group-padding: 20px 16px;

    --bap-top-products-carousel-background-color: #ffffff;

    --bui-cart-summary-min-width: 320px;
}