/*==================== COLOR CODES ===============================*/
body {
    --blue: #0463f7;
    --blue10: #0463f710;
    --purple: #917ee2;
    --purple10: #917ee210;
    --green: #82c43c;
    --green10: #82c43c10;
    --orange: #ff974a;
    --orange10: #ff974a10;
    --red: #fc5a5a;
    --red10: #fc5a5a10;
    --snow: #f5f6fa;
    --silver: #708daa;
    --darkblue: #043d75;
    --grey: #696974;
    --black: #202125;
    --turquoise: #279eff;
    --turquoise10: #279eff10;
    --pink: #ff9ad5;
    --bee: #ffcc40;
    --light-purple: #a461d8;
    --water-green: #3dd598;
    --water-green10: #3dd59810;
    --water-green30: #3dd59830;
    --white: #ffffff;
    --button-white: #ffffff;
    --cool-grey: #92929d;
    --cool-grey-50: #92929d50;
    --cool-grey-10: #92929d10;
    color: var(--black);
}

    /*========== DARK MODE ==========*/
    body.dark-theme {
        --blue: #0463f7;
        --blue10: #0463f710;
        --purple: #917ee2;
        --purple10: #917ee210;
        --green: #82c43c;
        --green10: #82c43c10;
        --orange: #ff974a;
        --orange10: #ff974a10;
        --red: #fc5a5a;
        --red10: #fc5a5a10;
        --snow: #16171B;
        --silver: #708daa;
        --darkblue: #043d75;
        --grey: #7b7b80;
        --black: #FFFFFF;
        --turquoise: #279eff;
        --turquoise10: #279eff10;
        --pink: #ff9ad5;
        --bee: #ffcc40;
        --light-purple: #a461d8;
        --water-green: #3dd598;
        --water-green10: #3dd59810;
        --white: #202125;
        --button-white: #ffffff;
        --cool-grey: #92929d;
        --cool-grey-50: #92929d50;
        --cool-grey-10: #92929d10;
        color: var(--black);
    }