/* ═══════════════════════════════════════════════
   Куплюшки — CSS-переменные (дизайн-система)
   ═══════════════════════════════════════════════
   Для смены цветовой гаммы измените значения ниже.
   Один файл — одно место — мгновенная смена палитры.
*/

:root {
    /* ─── Основная палитра ─── */
    --primary: #e8590c;
    --primary-hover: #d14e0a;
    --primary-light: #fff3ed;
    --primary-rgb: 232, 89, 12;

    /* ─── Нейтральные ─── */
    --bg: #f8f9fa;
    --bg-section: #f1f3f5;
    --surface: #ffffff;
    --text: #212529;
    --text-secondary: #495057;
    --text-muted: #6c757d;
    --border: #dee2e6;
    --border-light: #e9ecef;

    /* ─── Семантические ─── */
    --success: #198754;
    --success-light: #d1e7dd;
    --warning: #ffc107;
    --warning-light: #fff3cd;
    --danger: #dc3545;
    --danger-light: #f8d7da;
    --info: #0dcaf0;
    --info-light: #cff4fc;

    /* ─── Логотип (5 цветов анимированного градиента) ─── */
    --logo-1: #1a5fdc;
    --logo-2: #f5a623;
    --logo-3: #d63384;
    --logo-4: #6f42c1;
    --logo-5: #e8590c;

    /* ─── Типографика ─── */
    --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-size-sm: 0.875rem;
    --font-size-base: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.25rem;
    --font-size-2xl: 1.5rem;
    --font-size-3xl: 2rem;

    /* ─── Отступы ─── */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-2xl: 3rem;
    --spacing-3xl: 4rem;

    /* ─── Тени ─── */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);

    /* ─── Радиусы ─── */
    --radius-sm: 0.375rem;
    --radius: 0.5rem;
    --radius-lg: 0.75rem;
    --radius-xl: 1rem;
    --radius-full: 9999px;

    /* ─── Переходы ─── */
    --transition: 0.2s ease;
    --transition-slow: 0.3s ease;

    /* ─── Размеры ─── */
    --container-max: 1200px;
    --header-height: 77px;
    --input-height: 48px;
}

/* ═══════════════════════════════════════════════
   Сезонная тема (весна/лето)
   ═══════════════════════════════════════════════ */
[data-theme="seasonal"] {
    --primary: #2e7d32;
    --primary-hover: #1b5e20;
    --primary-light: #e8f5e9;
    --primary-rgb: 46, 125, 50;

    --bg: #fafdf7;
    --bg-section: #f1f8e9;
    --surface: #ffffff;
    --text: #1b3409;
    --text-secondary: #33691e;
    --text-muted: #558b2f;
    --border: #c5e1a5;
    --border-light: #dcedc8;

    --logo-1: #2e7d32;
    --logo-2: #f9a825;
    --logo-3: #e91e63;
    --logo-4: #7b1fa2;
    --logo-5: #ff6f00;
}

/* ═══════════════════════════════════════════════
   Тёмная тема
   ═══════════════════════════════════════════════ */
[data-theme="dark"] {
    --bg: #0f1117;
    --bg-section: #1a1d29;
    --surface: #1e2130;
    --text: #e8e8e8;
    --text-secondary: #b0b0b0;
    --text-muted: #888;
    --border: #2d3148;
    --border-light: #252839;
    --primary-light: #2d1b0e;

    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
    --shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.5);
}

/* ─── Подавление мерцания при смене темы ─── */
.theme-switching,
.theme-switching *,
.theme-switching *::before,
.theme-switching *::after {
    transition: none !important;
}