:root {
    /* Var Style */
    /* property-elment-specific */
        --width-body: 1920px;

        --fs-h1: 34px;
        --fs-h2: 32px;
        --fs-h3: 28px;
        --fs-h4: 18px;
        --fs-3: 16px;
        --fs-4: 18px;
        --fs-5: 20px;
        --fs-6: 22px;
        --fw-5: 500;
        --fw-6: 600;

    /* Var Colors */

        --main: rgb(90, 90, 90);
        --main-1: rgb(145, 145, 145);
        --main-1-bg: rgba(256,256,256,0.8);
        --main-2: rgb(50, 50, 50);
        --second: rgb(145, 145, 145);
        --second-4: #FEF6E2;
        --shop-bg: white;
        --red: #ED1B24;
        --success-bg: #8cffa4;
        --success: #51ba67;
        --alert: #D2232B;
        --beige: #FFEDC5;
        --beige-2: #FFF3D9;

        --m-0-bg: #FBE3E4;
        --m-1-bg: var(--success-bg);

        --footer-bg: lightgrey;
        --headline: var(--main);
        --link: var(--second);
        --text:;
        --body: white;
        --wrapper: #FFFDED;
        --section-even-bg:;
        --grey: #6D6E70;
        --green: #76B85C;

    /* Var Fonts */
        --font: Jost, Arial, Helvetica;

    }
    /*@font-face {
        font-family: myFirstFont;
        src: url(sansation_light.woff);
    }*/

.black{
    color: black;
}

.headline{
    color: var(--headline);
}

.link{
    color: var(--link);
}

.red{
    color: var(--red);
}

.text{
    color: var(--text) !important;
}

.fs-h1{
    font-size: var(--fs-h1);
}
