:root{
    --color-primary: #111314fb;
    --color-secondary: #111314;
    --color-tertiary: #0f1213e3;

    --color-black: #0c0e0fec;
    --color-black-40: #12141696;
    --color-black2: #0c0e0fec;
    --color-black2-20: #0c0e0fcc;
    --color-black3: #222;

    --color-gray: #616060d0;
    --color-dark-gray: #444;
    --color-light-gray: #ddd;
    --color-gray2: #252525e1;
    --color-gray2-dark: #1d1d1de1;
    --color-gray3: #dddbdbf6;
    --color-gray3-30: #dddbdbc2;
    --color-gray3-40: #dddbdb94;
    --color-gray5: #BEA7A7;
    --color-gray6:#BEA7A7;

    --color-green: #1ac91aea;
    --color-dark-green: #0b490bea;
    --color-dark-green2: #034403;
    --color-green2: #15a515ea;
    --color-green3: #DBFF00;
    --color-green3-30: #ddff00bb;

    --color-blue: #166dd1ea;
    --color-blue2: #135db3ea;
    --color-blue3: #19c0ddea;
    --color-blue4: #2196F3;
    --color-dark-blue4: #072136e3;
    --color-blue4-80: #2196f333;
    --color-dark-blue: #2501FF;
    --color-dark-blue2: #2e0de9dc;

    --color-red: #c91423ea;
    --color-red2: #a7121fea;

    --color-purple: #3c30e2dc;
    --color-purple2: #1f178be5;
    --color-purple3: #130e5ee5;
    --color-purple4: #0c093ffd;
    --color-purple5: #746ce4dc;
    --color-purple6: #746ce4bb;

    --color-yellow:#FFC01F;

    --color-orange:#eb820b;
    --color-orange2:#eb9330;

}