/* css/base.css */

/* :root содержит все цветовые переменные и основные настройки */
:root {
    --header-height: 70px;
    --primary-color: #4CAF50;
    --secondary-color: #6B8E23; 
    --dark-green: #2A402A;
    --background-color: #F5F5DC;
    --text-color: #3D2B1F;
    --menu-bg: #3D403D;
}

/* Базовые стили для body */
body { 
    margin: 0; 
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; 
    background-color: var(--background-color); 
    color: var(--text-color); 
    overflow-x: hidden; 
    display: flex; 
    flex-direction: column; 
    min-height: 100vh; 
}

/* --- ИСПРАВЛЕНИЕ: Глобальный класс для скрытия элементов --- */
.hidden {
    display: none !important;
}

/* Скрытие контента до согласия с cookie */
body.cookie-consent-pending .top-header, 
body.cookie-consent-pending .main-content, 
body.cookie-consent-pending .page-footer { 
    display: none; 
}

/* Анимации */
@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes spin {
    to { transform: translateY(-50%) rotate(360deg); }
}