:root {
    --color-branding-primary: #145891;
    --color-branding-secondary: #196FB6;

    --color-text-body: #666666;

    --color-button-text: #ffffff;
    --color-button-text-hover: #ffffff;
    --color-button-background: #196FB6;
    --color-button-background-hover: #145891;

    --color-swatch-text: #196FB6;
    --color-swatch-text-hover: #145891;
    --color-swatch-background: #E8F4FC;
    --color-swatch-background-hover: #ffffff;
    --color-swatch-border: #E8F4FC;
    --color-swatch-border-hover: #196FB6;


    --color-link-light-background: #196FB6;
    --color-link-light-background-hover: #145891;
    --color-link-dark-background: #ffffff;
    --color-link-dark-background-hover: #F5F5F5;

    --color-top-nav: #000000;
    --color-top-nav-hover: #145891;

    --color-minicart: #000000;
    --color-minicart-hover: #145891;

    --color-header-background: #ffffff;

    --color-dividing-line: #D9D9D9;

    --color-swatch-backgound: #E8F4FC;
    --color-swatch-background-hover: #ffffff; 

    --color-product-price: #145891;

    --color-survey-pregress-bar-background: rgba(2,0,36,1);

    --color-light-gray: #F5F5F5;
    --color-mid-gray: #D9D9D9;
    --color-dark-gray: #707070;

    --color-footer-background: #ffffff;
    --color-footer-text: #666666;
    --color-footer-link: #666666;

    --width-content-max: 140rem;

    --text-size-body: 1.6rem;
    --text-size-h1: 3.9rem;
    --text-size-h2: 2.9rem;
    --text-size-h3: 2.2rem;
    --text-size-h4: 1.6rem;

}