/* ==========================================
   🎨 ЕДИНАЯ ТЕМА "ПЛАНЕТА ВКУСА" v2.0
   Насыщенная карамельно-шоколадная палитра
   ========================================== */

:root {
    /* === ОСНОВНЫЕ ФОНОВЫЕ ЦВЕТА (насыщенные) === */
    --bg-cream: #FAF0E2;           /* Тёплый крем (не белый!) */
    --bg-warm: #F0DCC0;            /* Насыщенный бежевый */
    --bg-caramel: #E3C39D;         /* Карамельный */
    --bg-deep: #D4A876;            /* Глубокая карамель */
    
    /* === АКЦЕНТЫ (шоколад и кофе) === */
    --accent-brown: #6F4E37;       /* Кофейный коричневый */
    --accent-caramel: #A0722D;     /* Тёмная карамель */
    --accent-gold: #C9955B;        /* Золотистый мёд */
    --accent-choco: #4E342E;       /* Горький шоколад */
    
    /* === ТЕКСТ (глубокий, контрастный) === */
    --text-dark: #2C1810;          /* Почти чёрный шоколад */
    --text-medium: #4E342E;        /* Тёмный какао */
    --text-light: #795548;         /* Молочный шоколад */
    
    /* === ГРАНИЦЫ И ТЕНИ === */
    --border-warm: #C4A882;        /* Заметная тёплая граница */
    --border-strong: #A0722D;      /* Сильный акцент */
    --shadow-warm: rgba(111, 78, 55, 0.15);
    --shadow-hover: rgba(111, 78, 55, 0.30);
}

/* === ГЛОБАЛЬНЫЙ ФОН === */
body {
    background: linear-gradient(135deg, #FAF0E2 0%, #F0DCC0 50%, #E8CFA8 100%) !important;
    background-attachment: fixed !important;
    color: var(--text-dark);
}

/* === ВСЕ КАРТОЧКИ И БЛОКИ === */
.card,
.dashboard-card,
.sidebar-categories,
.sidebar-tools,
.recipe-card,
.comment-card,
.post-card,
.ingredient-card,
.section,
.filters-card,
.forum-card,
.category-card,
.topic-item,
.stat-card,
.daily-recipe-card {
    background: var(--bg-cream) !important;
    border: 2px solid var(--border-warm) !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 15px var(--shadow-warm) !important;
    transition: all 0.3s ease !important;
}

.card:hover,
.dashboard-card:hover,
.recipe-card:hover,
.category-card:hover,
.topic-item:hover {
    box-shadow: 0 8px 25px var(--shadow-hover) !important;
    transform: translateY(-2px) !important;
    border-color: var(--border-strong) !important;
}

/* === ЗАГОЛОВКИ === */
h1, h2, h3, h4,
.sidebar-title,
.section-title,
.card-title,
.forum-card-title,
.topic-title,
.recipe-title,
.daily-recipe-title {
    color: var(--text-dark) !important;
}

/* === ОБЫЧНЫЙ ТЕКСТ === */
p, li, label, td, th {
    color: var(--text-medium);
}

/* === КНОПКИ (СВЕТЛЫЕ И ЯРКИЕ) === */
.btn,
.btn-primary,
.search-btn,
.search-btn-main,
.btn-fridge-main,
.promo-btn,
.submit-btn,
button[type="submit"] {
    background: linear-gradient(135deg, #D4A574 0%, #E8B88A 100%) !important;
    color: #2C1810 !important;
    border: 2px solid #C9955B !important;
    border-radius: 12px !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 12px rgba(201, 149, 91, 0.3) !important;
    transition: all 0.3s ease !important;
}

.btn:hover,
.btn-primary:hover,
.search-btn:hover,
.search-btn-main:hover,
.btn-fridge-main:hover,
.promo-btn:hover,
.submit-btn:hover {
    background: linear-gradient(135deg, #E8B88A 0%, #F0C89A 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(201, 149, 91, 0.4) !important;
}

/* === ССЫЛКИ === */
a {
    color: var(--accent-brown);
    transition: color 0.2s ease;
}

a:hover {
    color: var(--accent-caramel);
}

/* === ПОЛЯ ВВОДА === */
input[type="text"],
input[type="search"],
input[type="email"],
input[type="password"],
input[type="number"],
textarea,
select {
    background: #FFFDF8 !important;
    border: 2px solid var(--border-warm) !important;
    border-radius: 10px !important;
    color: var(--text-dark) !important;
    transition: all 0.2s ease !important;
}

input:focus,
textarea:focus,
select:focus {
    outline: none !important;
    border-color: var(--accent-caramel) !important;
    box-shadow: 0 0 0 3px rgba(160, 114, 45, 0.2) !important;
}

/* === СПЕЦИАЛЬНЫЕ БЛОКИ === */

/* Умный холодильник */
.fridge-card {
    background: linear-gradient(135deg, #F0DCC0 0%, #E3C39D 100%) !important;
    border: 2px solid var(--accent-gold) !important;
}

/* Новости */
.news-widget {
    background: var(--bg-cream) !important;
    border-left: 5px solid var(--accent-gold) !important;
}

/* Промо-блок */
.promo-block {
    background: linear-gradient(135deg, #C9955B 0%, #A0722D 100%) !important;
    border: none !important;
}

.promo-title,
.promo-text,
.promo-icon {
    color: #FFFFFF !important;
}

/* Категории */
.category-link {
    background: transparent !important;
    color: var(--text-medium) !important;
}

.category-link:hover {
    background: var(--bg-warm) !important;
    color: var(--accent-choco) !important;
}

.category-count {
    background: var(--bg-deep) !important;
    color: var(--text-dark) !important;
    font-weight: 700 !important;
}

/* Мета-теги рецептов (время, калории) */
.recipe-meta span,
.meta-item {
    background: var(--bg-warm) !important;
    color: var(--text-medium) !important;
    border: 1px solid var(--border-warm) !important;
}

/* Ингредиенты */
.ingredient-card {
    background: var(--bg-warm) !important;
    border: 2px solid var(--border-warm) !important;
}

.ingredient-card:hover {
    border-color: var(--accent-caramel) !important;
    background: var(--bg-caramel) !important;
}

/* === ШАПКА (header) === */
header {
    background: rgba(44, 24, 16, 0.95) !important;
    box-shadow: 0 4px 20px rgba(44, 24, 16, 0.4) !important;
}

/* === ПОДВАЛ (footer) === */
.site-footer {
    background: var(--accent-choco) !important;
    color: var(--bg-cream) !important;
}

.site-footer p,
.site-footer small {
    color: var(--bg-warm) !important;
}

/* === БЕЙДЖИ И СЧЁТЧИКИ === */
.zeffyr-badge,
.streak-badge,
.nav-status {
    background: var(--bg-deep) !important;
    color: var(--text-dark) !important;
}

/* === АНИМАЦИЯ ПОЯВЛЕНИЯ === */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.card,
.dashboard-card,
.recipe-card,
.post-card {
    animation: fadeIn 0.3s ease;
}