/* В этом файле вы опишете значения переменных в разных цветовых схемах.
Придерживайтесь такого именования классов:
✦ theme-dark — класс тёмной темы
✦ theme-light — класс светлой темы
✦ не забудьте описать стили для изменения темы через медизапрос пользовательских предпочтений
*/
.theme-dark {
    --gradent-horiz-color: #000;
    --gradient-top: #007f0c;
    --gradient-down: #004306;
    --bg-color: #000;

    --bold-weight: 785;
    --normal-weight: 465;

    --accent-color: #00CC14;
    --shadow-color: #000;
    --button-text-color: var(--accent-color);
    --bg-gradient:
            repeating-linear-gradient(90deg, var(--gradent-horiz-color) 0, var(--gradent-horiz-color) 2px, transparent 2px, transparent 4px),
            repeating-linear-gradient(var(--gradent-horiz-color) 0, var(--gradent-horiz-color) 2px, transparent 2px, transparent 4px),
            linear-gradient(var(--gradient-top), var(--gradient-down));
}

.theme-light {
    --gradent-horiz-color: #D3D3D3;
    --gradient-top: #e7e7e7;
    --gradient-down: #1a1a1a;

    --bg-color: #FFF;

    --bold-weight: 700;
    --normal-weight: 400;

    --accent-color: #000;
    --shadow-color: #FFF;
    --button-text-color: var(--bg-color);
    --bg-gradient:
            repeating-linear-gradient(90deg, var(--gradent-horiz-color) 0, var(--gradent-horiz-color) 2px, transparent 2px, transparent 4px),
            repeating-linear-gradient(var(--gradent-horiz-color) 0, var(--gradent-horiz-color) 2px, transparent 2px, transparent 4px),
            linear-gradient(var(--gradient-top), var(--gradient-top) 0.01%, var(--gradient-down));
}

@media (prefers-color-scheme: dark) {
    :root {
        --gradent-horiz-color: #000;
        --gradient-top: #007f0c;
        --gradient-down: #004306;

        --bg-color: #000;

        --bold-weight: 785;
        --normal-weight: 465;

        --accent-color: #00CC14;
        --shadow-color: #000;
        --button-text-color: var(--accent-color);
        --bg-gradient:
                repeating-linear-gradient(90deg, var(--gradent-horiz-color) 0, var(--gradent-horiz-color) 2px, transparent 2px, transparent 4px),
                repeating-linear-gradient(var(--gradent-horiz-color) 0, var(--gradent-horiz-color) 2px, transparent 2px, transparent 4px),
                linear-gradient(var(--gradient-top), var(--gradient-down));
    }
}