:root,
[data-bs-theme=light] {

    --mainColor: #2F7FED;
    --buttonTextColor: #FFFFFF;
    --mainDarkColor: #2D5FDF;
    --textColor: #4F4F4F;
    --textHighlightColor: #000000;
    --backgroundColor: #F8F9FA;
    --backgroundLightColor: #FDFEFF;
    --grayColor: #AAAAAA;
    --grayLightColor: #E0E0E0;
    --grayLightColor-alpha-50: #E0E0E080;
    --accentColor: #1FB06A;
    --accentSecondColor: #E9941E;
    --warningColor: #ED2F5D;
    --shadowColor: #000000;

    --cornerRadius: 20px;
    --cornerRadiusButton: 8px;
}

[data-bs-theme=dark] {
    color-scheme: dark;

    --mainColor: #2F7FED;
    --buttonTextColor: #FFFFFF;
    --mainDarkColor: #2D5FDF;
    --textColor: #CDCED2;
    --textHighlightColor: #FFFFFF;
    --backgroundColor: #191E24;
    --backgroundLightColor: #21262F;
    --grayColor: #868D9A;
    --grayLightColor: #505865;
    --grayLightColor-alpha-50: #50586580;
    --accentColor: #1FB06A;
    --accentSecondColor: #E9941E;
    --warningColor: #ED2F5D;
    --shadowColor: #000000;



}