:root {
    /* Navigation */
    --nav-top-height: 30px;
    --nav-middle-height: 70px;
    --nav-menu-height: 53px;
    --nav-mobile-height: 50px;

    /* Elements */
    --input-height: 45px;
    --c-el-text: #252339;
    --c-el-background: #d0d0d0;
    --c-el-range: #03F762;
    --c-el-range-background: rgba(3, 247, 98, 0.51);

    /* Main colors */
    --c-primary: #03F762;
    --c-secondary: #FE764F;
    --c-highlight: #FE764F;
    --c-footer-hightlight: #FE764F;
    --c-positive: #03F762;
    --c-negative: #FE764F;

    /* Background colors */
    --c-bc-white: #ffffff;
    --c-bc-gray: #5F5F5F;
    --c-bc-button: #03F762;
    --c-bc-button-hover: #03ce52;
    --c-bc-buttonAlt: #FE764F;
    --c-bc-buttonAlt-hover: #FEC371;
    --c-bc-menu: #f7f7f7;
    --c-bc-menu-dropdown: #ffffff;
    --c-bc-banner: #f8fcf1;
    --c-bc-product: #ffffff;
    --c-bc-product-hightlight: #FE764F;
    --c-bc-product-actions: #F9F9F9;
    --c-bc-loader: #03F762;
    --c-bc-countdown: #ee8179;
    --c-bc-transparant: rgba(255, 102, 0, 0.05);
    --c-bc-transparant-hover: rgba(255, 102, 0, 0.15);

    /* Font colors */
    --c-font-main: #252339;
    --c-font-light-gray: #9F9F9F;
    --c-font-white: #ffffff;
    --c-font-url: #252339;
    --c-font-url-hover: #03F762;
    --c-font-product-actions: #6b6b6b;
    --c-font-menu-icons: #08ff00;

    /* Border colors */
    --c-border-main: #c4c4c4;
    --c-border-light: #aaeec5;
    --c-border-light-hover: #03F762;
    --c-border-inputs: #dadada;

    /* Sizing */
    --f-size-main: 16px;

}

/* [Media Query] Mobile (575px) */
@media only screen and (max-width: 575px) {

    :root {

        /* Sizing */
        --f-size-main: 14px;

    }

}