/*
Переменные для цветовых решений.
Сейчас выставлены как на макете.
Предполагаю, что цветовые схемы будут реализованы программно подставлением нужных переменных.
*/

:root {
    
        --color-accent: #f0ee0e;
        --color-add: #7db0c7;
        --color-h: #333333;
        --color-text: #333333;
        --color-not-accent: #d7d7d7;
                
}

/*
 Переменные для размера текста.
    Они будут присваиваться не по тегам, а по классам,
    потому что в макете нет зависимости отображения заголовков от их положения в структуре страницы.
    Так что прошу не удивляться, если, например, у h2 окажется класс для h3.
    Работает только для десктопов! Для мобил будет стандартный размер.
    Ну или добавляйте настройки выбора размера для мобил.
*/

:root {
    --size-h1: 45px;
    --size-h2: 24px;
    --size-h3: 18px;
    --size-text: 14px;
}

.list__color-accent-default {
    background-color: #f0ee0e;
}
.list__color-add-default {
    background-color: #7db0c7;
}
.list__color-h-default {
    background-color: #333333;
}
.list__color-text-default {
    background-color: #333333;
}
.list__color-not-accent-default {
    background-color: #d7d7d7;
}



.list__color-accent1 {
    background-color: #02a68e;
}
.list__color-add1 {
    background-color: #338287;
}
.list__color-h1 {
    background-color: #503559;
}
.list__color-text1 {
    background-color: #555;
}
.list__color-not-accent1 {
    background-color: #e9e6ea;
}


.list__color-accent2 {
    background-color: #f0474a;
}
.list__color-add2 {
    background-color: #fdaf1a;
}
.list__color-h2 {
    background-color: #0b91cd;
}
.list__color-text2 {
    background-color: #0e3a5d;
}
.list__color-not-accent2 {
    background-color: #d7d7d7;
}


.list__color-accent3 {
    background-color: #6ead43;
}
.list__color-add3 {
    background-color: #cfcccf;
}
.list__color-h3 {
    background-color: #221f23;
}
.list__color-text3 {
    background-color: #4f4a4a;
}
.list__color-not-accent3 {
    background-color: #efecf0;
}


.list__color-accent4 {
    background-color: #f4e0ec;
}
.list__color-add4 {
    background-color: #e4daee;
}
.list__color-h4 {
    background-color: #4a444c;
}
.list__color-text4 {
    background-color: #766f6f;
}
.list__color-not-accent4 {
    background-color: #d8dde9;
}


.list__color-accent5 {
    background-color: #f67622;
}
.list__color-add5 {
    background-color: #1e9e77;
}
.list__color-h5 {
    background-color: #212121;
}
.list__color-text5 {
    background-color: #0e3a5d;
}
.list__color-not-accent5 {
    background-color: #eeedee;
}


.list__color-accent-custom {
    background-color: ;
}
.list__color-add-custom {
    background-color: ;
}
.list__color-h-custom {
    background-color: ;
}
.list__color-text-custom {
    background-color: ;
}
.list__color-not-accent-custom {
    background-color: ;
}

.news-feed__text, .wysiwyg p, .wysiwyg, .numbers__add, .cards__text, .min-section__text p, .scroll__text, .strip__content, .questions__desc, .questions__content, .promo__text, .news-feed__more {
    font-size: var(--size-text);
}