/*
    70% - Primary yellow
    1%  - Modified yellow
    3%  - Mint
    10% - Powder blue
    5%  - Black
    5%  - Platinium white
    3%  - Grey
    3%  - Dark grey
*/

:root {
    --evo-primary-yellow: #ebff08;
    --evo-dark-yellow: #e9f02e;
    --evo-mint: #aeffde;
    --evo-powder-blue: #b0e0e6;
    --evo-dark: #161616;
    --evo-white: #ededed;
    --evo-grey: #9da093;
    --evo-dark-grey: #373833;
    --evo-light-grey: #585955;
    --evo-link: #50A6E3;
    --white: #FFF;
    --dark-white: #BCBCBC;
    --evo-success: #45B97C;
    --evo-info: #4990E2;
    --evo-error: #ff4c4f;

    --toggle-bg-on: #50A6E3 !important;

    --evo-dark-bg: #252623;
}

[data-theme="light"] {
    --evo-primary-yellow: #ebff08;
    --evo-dark-yellow: #e9f02e;
    --evo-mint: #AEFFDE;
    --evo-powder-blue: #B0E0E6;
    --evo-dark: #161616;
    --evo-white: #ededed;
    --evo-grey: #9da093;
    --evo-dark-grey: #ededed;
    --evo-light-grey: #585955;
    --evo-link: #50A6E3;
    --white: #333;
    --dark-white: #BCBCBC;
    --evo-success: #45B97C;
    --evo-info: #4990E2;
    --border-light: #d0d1ca;
    --active-dark: #3a3a3a;
    --light-only-gray: #F3F3F3;

    --toggle-bg-on: #50A6E3 !important;

    --evo-dark-bg: #FFF;

    .light-only-text-dark {
        color: var(--evo-dark) !important;
    }

    .light-only-box-gray {
        background-color: var(--light-only-gray);
    }

    .light-only-box-white {
        background-color: var(--evo-dark-bg);
    }
}

.evo-text-primary {
    color: var(--evo-primary-yellow) !important;
}

.evo-text-primary-dark {
    color: var(--evo-dark-yellow);
}

.evo-text-mint {
    color: var(--evo-mint);
}

.evo-text-link {
    color: var(--evo-link) !important;
}

.evo-text-powder-blue {
    color: var(--evo-powder-blue);
}

.evo-text-dark {
    color: var(--evo-dark) !important;
}

.all-dark-text * {
    color: var(--evo-dark) !important;
}

.evo-text-grey {
    color: var(--evo-grey) !important;
}

.evo-text-grey-dark {
    color: var(--evo-dark-grey);
}

.evo-text-success {
    color: var(--evo-success) !important;
}

.evo-text-info {
    color: var(--evo-info) !important;
}

.text-white {
    color: var(--white) !important;
}

[data-theme="dark"] .text-dark-white {
    color: var(--dark-white) !important;
}

[data-theme="light"] .text-dark-white {
    color: var(--white) !important;
}

.evo-bg-primary {
    background-color: var(--evo-primary-yellow);
}

.evo-bg-primary-dark {
    background-color: var(--evo-dark-yellow);
}

.evo-bg-mint {
    background-color: var(--evo-mint);
}

.evo-bg-powder-blue {
    background-color: var(--evo-powder-blue) !important;
}

[data-theme="dark"] .evo-bg-grey {
    background-color: var(--evo-grey);
}

.evo-bg-grey-dark {
    background-color: var(--evo-dark-grey) !important;
}

.evo-bg-dark {
    background-color: var(--evo-dark-bg) !important;
}

[data-theme="dark"] .evo-bg-darker {
    background-color: var(--evo-dark);
}

[data-theme="light"] .evo-bg-darker {
    background-color: #efefef;
}

.evo-border-default {
    border: 2px solid var(--evo-dark-grey);
}

.evo-border-dark {
    border: 2px solid var(--evo-dark-bg);
}

[data-theme="dark"] .alert-danger,
[data-theme="dark"] .alert-warning,
[data-theme="dark"] .alert-success,
[data-theme="dark"] .alert-secondary {
    background-color: var(--evo-dark);
}

[data-theme="dark"] .alert-warning span {
    color: var(--dark-white) !important;
}

[data-theme="light"] .alert-warning span {
    color: var(--white) !important;
}