:root {
    --primary: #F3F3FA;
    --back-button:#F3F3FA;
    --quinary:#252525;
    --card-text-icon: #252525;
    --card-number-text: #252525;
    --bg-instructions:#D4D4D4;
    --bg-start3d:#B5B5BA;
    --mainrect-shadow: #D4D4D4;
    --number-hover: #D4D4D4;
    --level-passed: #AAD4CC;
    --level-failed: #D8B7C5;
    --play-passed: #96b251;
    --play-failed: #fd8b7c;
    --back-button-hover: #AAAAAA;
    --pair-cards: #838383;
    --upload-button: #252525;
    --description-text: #2d2d2d;
    --progress-bar: #505050;
    --section-color: #F3F3FA;

    --accent-wb: #EABC4B;
    --button-3d-bg: #959595;
    --text-light: #F3F3FA;
    --shadow-gray: #757575;
    --dark-border: #252525;

    --diamond-shadow-light: 0 8px 15px 2px rgba(185, 242, 255, 0.3);
    --diamond-shadow-medium: 0 8px 20px 5px rgba(185, 242, 255, 0.5);
    --gold-shadow-light: 0 8px 15px 2px rgba(255, 215, 0, 0.1);
    --gold-shadow-medium: 0 8px 15px 2px rgba(255, 215, 0, 0.2);
    --silver-shadow-light: 0 8px 15px 2px rgba(192, 192, 192, 0.1);

    --general-color: #FC7159;
    --account-color: #89BDFF;
    --product-color: #E45EAF;
    --ecosystem-color: #B12F22;
    --balances-color: #007433;
    --trading-color: #7A63BE;
    --app-color: #D9A21B;
    --final-color: #0061AD;

    --bg-main: url('../media/bg_light_theme.png');
    --bg-header: url('../media/header_light_theme.png');
    --icon-start: url('../quiz_main/media/icon_start_light.svg');
}

[data-theme="dark"] {
    --primary: #3A3A3A;
    --back-button:#AAAAAA;
    --quinary: #000000;
    --card-text-icon: #AAAAAA;
    --card-number-text: #838383;
    --bg-instructions:#AAAAAA;
    --mainrect-shadow: #2d2d2d;
    --bg-start3d:#2d2d2d;
    --number-hover: #505050;
    --level-passed: #295246;
    --level-failed: #5A3943;
    --play-passed: #3e9a62;
    --play-failed: #c0564b;
    --back-button-hover: #838383;
    --pair-cards: #000000;
    --upload-button: #F3F3FA;
    --description-text: #2d2d2d;
    --progress-bar: #3a3a3a;
    --section-color: #3A3A3A;

    --accent-wb: #EABC4B;
    --button-3d-bg: #838383;
    --text-light: #F3F3FA;
    --shadow-gray: #636363;
    --dark-border: #000000;

    --diamond-shadow-light: 0 8px 15px 2px rgba(185, 242, 255, 0.2);
    --diamond-shadow-medium: 0 8px 20px 5px rgba(185, 242, 255, 0.4);
    --gold-shadow-light: 0 8px 15px 2px rgba(255, 215, 0, 0.08);
    --gold-shadow-medium: 0 8px 15px 2px rgba(255, 215, 0, 0.15);
    --silver-shadow-light: 0 8px 15px 2px rgba(192, 192, 192, 0.08);

    --general-color: #FC7159;
    --account-color: #89BDFF;
    --product-color: #E45EAF;
    --ecosystem-color: #B12F22;
    --balances-color: #007433;
    --trading-color: #7A63BE;
    --app-color: #D9A21B;
    --final-color: #0061AD;

    --bg-main: url('../media/bg_dark_theme.png');
    --bg-header: url('../media/header_dark_theme.png');
    --icon-start: url('../quiz_main/media/icon_start_dark.svg');
}