/* В этом файле вы опишете значения переменных в разных цветовых схемах.
Придерживайтесь такого именования классов:
✦ theme-dark — класс тёмной темы
✦ theme-light — класс светлой темы
✦ не забудьте описать стили для изменения темы через медизапрос пользовательских предпочтений
*/

:root.theme-light {
    --main-font-family: 'Inter-Variable', sans-serif;
    --accent-font-family: 'PressStart2P', fantasy;
    --font-weight-text: 400;
    --font-weight-title: 700;
    --background-color: #fff;
    --accent-color: #000;
    --button-color: #fff;
    --like-heart-fill: #FF0000;
    --background-image: 
        repeating-linear-gradient(#d3d3d3 0 2px, transparent 2px 4px),
        repeating-linear-gradient(90deg, #d3d3d3 0 2px, transparent 2px 4px),
        linear-gradient(#e7e7e7 0%, #e7e7e7 0.01%, #1a1a1a 100%);
}

:root.theme-dark {
    --main-font-family: 'Inter-Variable', sans-serif;
    --accent-font-family: 'PressStart2P', fantasy;
    --font-weight-text: 465;
    --font-weight-title: 785;
    --background-color: #000;
    --accent-color: #00CC14;
    --button-color: #00CC14;
    --like-heart-fill: #FF0000;
    --background-image: 
        repeating-linear-gradient(#000 0 2px, transparent 2px 4px),
        repeating-linear-gradient(90deg, #000 0 2px, transparent 2px 4px),
        linear-gradient(#007f0C 0%, #004306);
}

@media (prefers-color-scheme: dark) {
    :root {
        --main-font-family: 'Inter-Variable', sans-serif;
        --accent-font-family: 'PressStart2P', fantasy;
        --font-weight-text: 465;
        --font-weight-title: 785;
        --background-color: #000;
        --accent-color: #00CC14;
        --button-color: #00CC14;
        --like-heart-fill: #FF0000;
        --background-image: 
            repeating-linear-gradient(#000 0 2px, transparent 2px 4px),
            repeating-linear-gradient(90deg, #000 0 2px, transparent 2px 4px),
            linear-gradient(#007f0C 0%, #004306);
    }
}