:root {
    --body-f: #3c434d;
    /*-------------------------------*/
    --top-h-bg: #d9230f;
    --top-h-c: #fff;
    /*-------------------------------*/
    --theme-color: #d21312;
    --f-theme: #fff;
    --lgt-theme: #078247;
    --grad: linear-gradient(131deg, #f676af, #f06da7, #f9328a, #f92f88);
    /*-------------------------------*/
    --footer-c: #696969;
    --footer-bg: #fff;
    /*-------------------------------*/
    --main-h-bg: #fff;
    --main-h-c: #000;
    /*-------------------------------*/
    --black: #000;
    --white: #fff;
    --white-smoke: #f0f3f8;
    /*-------------------------------*/
    --l-grey: #E9E9E9;
    --grey: #767676;
    --d-grey: #3c434d;
    /*-------------------------------*/
    --l-blue: #27aae1;
    --blue: #2680eb;
    --d-blue: blue;
    /*-------------------------------*/
    --l-blue: #27aae1;
    --blue: #2680eb;
    --d-blue: blue;
    /*-------------------------------*/
    --l-purple: #cdb3fa;
    --purple: #6f42c1;
    --d-purple: #6610f2;
    /*-------------------------------*/
    --l-pink: #fedeec;
    --pink: #fb59a0;
    --d-pink: #fa0570;
    /*-------------------------------*/
    --l-red: #ff5a5f;
    --red: #dc3545;
    --d-red: #dc3545;
    /*-------------------------------*/
    --l-orange: #fd7e14;
    --orange: #fd7e14;
    --d-orange: #fd7e14;
    /*-------------------------------*/
    --l-yellow: #fbb040;
    --yellow: #fbb040;
    --d-yellow: #fbb040;
    /*-------------------------------*/
    --d-green: green;
    --green: #28a745;
    --l-green: #a8eccd;
    --c-green: #1ec4b4;

    /*-------------------------------*/
    --l-bold: 300;
    --m-bold: 400;
    --s-bold: 500;
    --bold: 700;
    --e-bold: 800;
    /*-------------------------------*/
}