:root {
    /* ======================= *
    *        FONT SIZE         *
    * ======================== */
    --xs-font-size: 0.7vw;
    --s-font-size: 0.8vw;
    --m-font-size: 1vw;
    --ml-font-size: 1.2vw;
    --l-font-size: 1.5vw;
    --xl-font-size: 1.7vw;
    --xl3-5-font-size: 3.5vw;
    --xl5-font-size: 5vw;
    --xl6-font-size: 6vw;
    --xl9-font-size: 9vw;

    /* ======================= *
    *         COLORS           *
    * ======================== */
    --color-white: #ffffff;
    --color-black: #000000;
    --color-gray-font: #5e646e;
    --color-gray-dark: #1F2020;
    --color-blue-header: #223451;
    --color-green-header: #27b98e;

    /* ======================= *
    *         BG COLORS        *
    * ======================= */
    --bg-color-button-blue: #078be4;
    --bg-color-button-blue-dark: #0978c2;
    --bg-color-button-gray: #F7F8F9;
    --bg-color-button-gray-dark: #dee0e1;
    --bg-color-button-white: #ffffff;
    --bg-color-button-red: #E41F07;
    --bg-color-button-red-dark: #c11a06;
    --bg-color-green-header: #27b98e;
    --bg-color-green-home: #cbeae2;


    /* ======================= *
    *         BORDER           *
    * ======================== */
    --border-blue: solid 1px #078be4;
    --border-blue-dark: solid 1px #0978c2;
    --border-gray: solid 1px #F7F8F9;
    --border-gray-dark: solid 1px #dee0e1;
    --border-gray-input: solid 1px #cbcbcb;

    /* ======================= *
    *     BORDER RADIUS        *
    * ======================== */
    --border-radius-button: 5px;

    /* ======================= *
    *         SHADOW           *
    * ======================== */
    --box-shadow-input-focus: 0 0px 17px -6px #7a7a7a;

}


@media (max-width: 600px) {

    :root {
        /* ======================= *
        *        FONT SIZE         *
        * ======================== */
        --xs-font-size: 0.7vw;
        --s-font-size: 3.5vw;
        --m-font-size: 3.5vw;
        --ml-font-size: 4vw;
        --l-font-size: 4.5vw;
        --xl-font-size: 5vw;
        --xl3-5-font-size: 6vw;
        --xl5-font-size: 8vw;
        --xl6-font-size: 10vw;
        --xl9-font-size: 14vw;
    }

}