:root {
font-size: 13px;
    /*------------------------------------------
                      Colors
     ------------------------------------------*/
    --main-color: #E92A50;
    --light-red-color: #FCE7EC;
    --default-bg-color: #FAFAFB;

    --white-0: #ededed;

    --black-0: #000000;
    --black-10: #E5E5E5;
    --black-20: #CCCCCC;
    --black-30: #B2B2B2;
    --black-40: #999999;
    --black-50: #808080;
    --black-200: #333333;
    --black-201: #4D4D4D;
    --black-202: #1A1A1A;
    --black-203: #1E1E1E;
    --black-204: #595959;


    --gray-200: #666666;
    --gray-201: #808080;
    --gray-202: #CCCCCC;
    --gray-203: #B2B2B2;
    --gray-204: #F2F2F2;
    --gray-205: #F8F8F8;
    --gray-206: #A3A3A3;
    --gray-207: #D0D0D0;
    --gray-208: #D9D9D9;
    --gray-209: #56535375;
    --gray-210: #555555;
    --gray-211: #999999;
    --gray-212: #E1F0E5;
    --gray-213: #C7C7C7;
    --gray-214: #E5F5E9;


    --green-1: #839800;
    --green-2: #CCEAD3;
    --green-3: #33AD4E;
    --green-4: #1AA238;
    --green-5: #1DAE4E;
    --green-6: #009821;
    --green-7: #0DB732;


    --blue-1: #419AEB;
    --blue-2: #D0E6FA;
    --blue-3: #093c5a;
    --blue-4: #E7F2FC;
    --blue-5: #59A6EE;
    --blue-6: #0E24E8;
    --blue-7: #070052;
    --blue-8: #2A8DE9;
    --blue-9: #B8D9F7;


    --yellow-1: #F0D800;
    --yellow-2: #FFB800;
    --yellow-3: #FFBF1C;
    --yellow-4: #D3D3D375;
    --yellow-5: #FFE600;
    --yellow-6: #FFCC00;


    --red-1: #E6123D;
    --red-2: #EE4141;
    --red-3: #F8E6E7;
    --red-4: #EA2F2F;
    --red-5: #EE5977;
    --red-6: #EB4164;
    --red-7: #FAD0D8;
    --red-8: #DB0000;
    --red-9: #E80E0E;
    --red-10: #F7D1D2;
    --red-11: #ED5858;
    --red-12: #EC4343;
    --red-13: #fe0728;
    --red-14: #EF6C6C;


    --orange-1: #F38C13;


    --purple-1: #E326DC;
    --purple-2: #6d0FFF;
    --purple-3: #F701D8;
    --purple-4: #642B73;
    --purple-5: #C6426E;


    /*------------------------------------------
                      Widths
    ------------------------------------------*/
    --width-max-width: 1312px;
    --width-width1: 1280px;
    --width-width2: 1380px;
    --width-width3: 1400px;
    --width-15: 15%;
    --width-20: 20%;
    --width-25: 25%;
    --width-30: 30%;
    --width-35: 35%;
    --width-40: 40%;
    --width-50: 50%;
    --width-60: 60%;
    --width-70: 70%;
    --width-75: 75%;
    --width-80: 80%;
    --width-90: 90%;
    --width-95: 95%;
    --width-97: 97%;
    --width-100: 100%;

    /*------------------------------------------
                      Fonts
    ------------------------------------------*/
    --font-doran-thin: DoranThin;
    --font-doran-light: DoranLight;
    --font-doran-regular: DoranRegular;
    --font-doran-medium: DoranMedium;
    --font-doran-bold: DoranBold;
    --font-doran-extrabold: DoranExtraBold;
    --font-yekan-bakh-thin: "Yekan BakhThin";
    --font-yekan-bakh-light: "Yekan BakhLight";
    --font-yekan-bakh-regular: "Yekan BakhRegular";
    --font-yekan-bakh-semibold: "Yekan BakhSemiBold";
    --font-yekan-bakh-bold: "Yekan BakhBold";
    --font-yekan-bakh-extra-bold: "Yekan BakhExtraBold";
    --font-yekan-bakh-black: "Yekan BakhBlack";
    --font-yekan-bakh-extra-black: "Yekan BakhExtraBlack";

}