:root {

    /* Primary Colors */
    --color-primary: #b48658; /* Тёплый песочный для акцентов */
    --color-secondary: #A68A64; /* Мягкий кофейный */
    --color-accent: #FFE5B4; /* Ламповый бежевый */
    --color-inactive: #6C6C6C; /* Нейтральный серый для неактивных элементов */

    /* Background */
    --bg-color: #1E1B18; /* Глубокий кофейно-шоколадный для основного фона */
    --bg-primary: #1E1B18; /* Основной фон */
    --bg-secondary: #2C2724; /* Вторичный фон */

    /* Block Colors */
    --block-color-primary: #2C2724; /* Тёмный оттенок дерева для блоков */
    --block-color-secondary: #3A322E; /* Теплее для выделения */
    --block-color-third: #4A403A; /* Ещё светлее для градации */
    --block-color-fourth: #2A2421; /* Глубокий акцентный фон */

    /* Card Colors */
    --card-bg: #2C2724; /* Фон карточек */

    /* Text Colors */
    --text-color-primary: #EDE7DC; /* Мягкий кремовый для основного текста */
    --text-color-secondary: #C7B8A6; /* Спокойный светло-коричневый для второстепенного текста */
    --text-color-link: #D4A373; /* Песочный для выделений и ссылок */
    --text-primary: #EDE7DC; /* Основной текст */
    --text-secondary: #C7B8A6; /* Вторичный текст */

    /* Alert Colors */
    --color-error: #B85C38; /* Тёплый кирпичный для ошибок */
    --color-success: #8FB996; /* Натуральный зелёный, как лиственная растительность */
    --color-warning: #F2C66E; /* Янтарный, слегка приглушённый */
    --color-banned: #C97C5D; /* Тёплый терракотовый */

    /* Border Colors */
    --border-color: #3A322E; /* Цвет границ */

    /* Primary Colors for Components */
    --primary-color: #b48658; /* Основной цвет */
    --primary-hover: #A68A64; /* Цвет при наведении */

    --border-radius-primary: 10px;
    --border-radius-secondary: 10px;
}