:root {
    /* Background Colors */
    --main-bg: #fff;
    --white-bg: #fff;
    --black-bg: #000;
    --black-bg-two: #434343;
    --black-bg-three: #111;
    --light-black-bg: #111111a6;
    --red-bg: #ec2024;
    --red-bg-two: #F48385;
    --red-bg-light: rgba(236, 32, 36, 0.09);
    --red-bg-light-two: #FFECEC;
    --grey-bg: #f8f8f8;
    --grey-bg-two: #FAFAFA;
    --grey-bg-three: #EDEDED;
    --grey-bg-four: #FBFBFB;
    --grey-bg-five: #E5E5EA;
    --grey-bg-six: #f7f7f7a1;
    --grey-bg-seven: #FDFDFD;
    --gradient-bg: linear-gradient(260deg, #000 25.77%, rgba(234, 235, 237, 0.00) 258.97%);
    --gradient-bg-two: repeating-linear-gradient(to right, #4b4a4a 0px, #8f8d8d 12px, transparent 12px, transparent 25px);
    --gradient-bg-three: linear-gradient(180deg, rgba(255, 255, 255, 0.09) 0%, rgba(108, 108, 108, 0.09) 100%);
    --gradient-bg-four: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.50) 100%);
    --gradient-bg-five: linear-gradient(180deg, #FFF 0%, #CDDDFD 100%);
    --gradient-bg-six: radial-gradient(129.73% 136.62% at -21.3% -16.53%, #C3DFFF 0%, #FFF 100%);
    --gradient-bg-seven: linear-gradient(149deg, #F9F9F9 7.37%, #FFF 92.34%);
    --green-bg: #34C759;
    --light-green-bg: #34C7592E;
    --light-blue-bg: rgba(223, 244, 255, 0.36);
    --cyan-blue-bg: #32ADE6;
    --skyblue-bg: #BDEFF9;
    --skyblue-bg-two: #5BCAE0;
    --blue-light-bg: #E6F3FF;
    --blue-bg-two:#08F;

    /* Light White Background Variations */
    --light-white-bg: rgba(255, 255, 255, 0.30);
    --light-white-bg-two: rgba(255, 255, 255, 0.40);
    --light-white-bg-three: rgba(255, 255, 255, 0.12);
    --light-white-bg-four: rgba(255, 255, 255, 0.06);
    --light-white-bg-five: rgba(249, 249, 249, 0.60);
    --light-white-bg-six: rgba(245, 245, 245, 0.60);
    --light-white-bg-seven: rgba(255, 255, 255, 0.05);
    --light-white-bg-eight: rgba(0, 0, 0, 0.00);
    --light-white-bg-nine: rgba(255, 255, 255, 0.09);
    --light-white-bg-ten: rgba(255, 255, 255, 0.80);
    --light-white-bg-eleven: rgba(255, 255, 255, 0.07);
    --light-white-bg-tweleve: rgba(255, 255, 255, 0.10);
    --light-white-bg-thirteen: rgba(255, 255, 255, 0.08);

    /* Text Colors */
    --text-black: #111;
    --text-black-two: #434343;
    --text-black-three: #5E5E5E;
    --text-white: #fff;
    --text-white-two: #ffffffc7;
    --text-dull-white: rgba(255, 255, 255, 0.30);
    --text-dull-white-two: rgba(255, 255, 255, 0.50);
    --text-dull-white-three: rgba(245, 245, 245, 0.40);
    --text-dull-white-four: rgba(246, 246, 246, 0.60);
    --text-dull-white-five: rgba(255, 255, 255, 0.70);
    --text-dull-white-six: rgba(255, 255, 255, 0.60);
    --text-dull-white-seven: rgba(255, 255, 255, 0.96);
    --text-dull-white-eight: rgba(255, 255, 255, 0.80);
    --text-stroke-color-two: rgba(229, 229, 234, 0.70);
    --text-stroke-color-three: rgba(229, 229, 234, 0.60);
    --text-stroke-color-four: #EAEAEA;
    --text-red: #ec2024;
    --text-grey: #cccccc;
    --text-grey-two: #8E8E93;
    --text-grey-three: #C7C7CC;
    --text-grey-four: #7C7B7B;
    --text-grey-five: rgba(243, 243, 243, 0.30);
    --text-gry-dark: #cfcfcf;
    --text-cyan-blue: #1f70c1;
    --text-blue-two: #007AFF;
    --text-blue-three: #0274B3;
    --text-blue-four: #08F;

    /* Font Weights */
    --font-weight-extralight: 200;
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    
    /* Borders */
    --border-white: #fff;
    --border-red: #ec2024;
    --border-red-two: rgba(236, 32, 36, 0.16);
    --border-blue: #1F70C1;
    --border-blue-two: #007AFF;
    --border-red-btn: rgba(255, 255, 255, 0.4);
    --border-grey: #d1d1d6;
    --border-grey-two: #d1d1d68c;
    --border-grey-three: #E5E5EA;
    --border-grey-four: #8E8E93;
    --border-grey-five: #C7C7CC;
    --border-grey-six: rgba(161, 155, 177, 0.40);
    --border-grey-seven: #C6C6C6;
    --border-black: #000;
    --border-black-two: #414141;
    --border-black-three: #434343;
    --border-light-white: rgba(255, 255, 255, 0.20);
    --border-light-white-two: rgba(255, 255, 255, 0.08);
    --border-light-white-three: rgba(255, 255, 255, 0.10);
    --border-light-white-four: rgba(255, 255, 255, 0.24);
    --border-light-white-five: rgba(255, 255, 255, 0.40);
    --disable-border: #545454;

    /* Special States */
    --head-dropdown-active-bg: rgba(0, 122, 255, 0.08);
    --head-dropdown-active-border: #0274b3;
    --bg-blur: rgba(255, 255, 255, 0.70);


    /* number color */
    --num-1: rgba(142, 202, 252, 1);
    --num-2: rgba(252, 142, 142, 1);
    --num-3: rgba(208, 166, 245, 1);
    --num-4: rgba(165, 236, 174, 1);
    --num-5: rgba(241, 156, 231, 1);
}