/* === THEMES.CSS ===
   assets/css/themes.css
   НАЗНАЧЕНИЕ: ai-platform.space design - dark default + warm beige light
   СВЯЗИ: main.css (переменные совместимы), index.php (FOUC prevention)
   РАЗМЕР: ~100 строк */

/* ============================================
   DARK THEME (default) - ai-platform.space
   Gold + Electric cyan accents
   ============================================ */
:root {
    /* Фоны */
    --bg-primary: #0a0a0a;
    --bg-secondary: #171717;
    --bg-tertiary: #1f1f1f;
    --card-bg: #141414;
    --hover-bg: #1c1c1c;
    --bg-input: #111111;
    /* Текст */
    --text-primary: #ffffff;
    --text-secondary: #a3a3a3;
    --text-muted: #666666;
    /* Границы */
    --border-color: rgba(255, 255, 255, 0.06);
    --border-color-light: rgba(255, 255, 255, 0.03);
    --border-hover: rgba(255, 255, 255, 0.12);
    /* Акценты */
    --gold: #FFD700;
    --gold-dim: rgba(255, 215, 0, 0.1);
    --electric: #00F0FF;
    --electric-dim: rgba(0, 240, 255, 0.1);
    --color-primary: #FFD700;
    --color-secondary: #FFA500;
    --color-success: #22c55e;
    --color-warning: #f59e0b;
    --color-danger: #ef4444;
    --color-info: #00F0FF;
    --color-primary-bg: rgba(255, 215, 0, 0.1);
    --color-primary-hover: #e6c200;
    --color-danger-light: rgba(239, 68, 68, 0.15);
    /* Градиенты */
    --gradient-gold: linear-gradient(135deg, #FFD700, #FFA500);
    --gradient-electric: linear-gradient(135deg, #00F0FF, #0080FF);
    --gradient-text: linear-gradient(135deg, #FFD700, #00F0FF);
    --gradient-primary: linear-gradient(135deg, #FFD700, #FFA500);
    /* Тени */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.4);
    /* Шрифты */
    --font-display: 'Space Grotesk', system-ui, sans-serif;
    --font-body: 'Inter', system-ui, sans-serif;
    --font-mono: 'JetBrains Mono', 'Fira Code', monospace;
    --font-sans: var(--font-body);
    /* Радиусы */
    --radius: 12px;
    --radius-sm: 6px;
    --radius-lg: 12px;
    --radius-md: 8px;
    /* Анимации */
    --transition: 0.2s ease;
    --transition-slow: 0.3s ease;
    --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
    --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-in-quart: cubic-bezier(0.5, 0, 0.75, 0);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
}

/* ============================================
   LIGHT THEME - warm beige (ai-platform.space)
   ============================================ */
html.light-theme {
    --bg-primary: #f0ece4;
    --bg-secondary: #e8e3d9;
    --bg-tertiary: #ddd8ce;
    --card-bg: #faf8f4;
    --hover-bg: #ece7dd;
    --bg-input: #f5f2ec;
    --text-primary: #1a1715;
    --text-secondary: #4a4540;
    --text-muted: #7a756e;
    --border-color: rgba(0, 0, 0, 0.1);
    --border-color-light: rgba(0, 0, 0, 0.05);
    --border-hover: rgba(0, 0, 0, 0.22);
    --gold: #b8860b;
    --gold-dim: rgba(184, 134, 11, 0.15);
    --electric: #0e7490;
    --electric-dim: rgba(14, 116, 144, 0.12);
    --color-primary: #b8860b;
    --color-secondary: #d4940a;
    --color-info: #0e7490;
    --color-primary-bg: rgba(184, 134, 11, 0.12);
    --color-primary-hover: #9a7209;
    --gradient-gold: linear-gradient(135deg, #b8860b, #d4940a);
    --gradient-electric: linear-gradient(135deg, #0e7490, #0284c7);
    --gradient-text: linear-gradient(135deg, #b8860b, #0e7490);
    --gradient-primary: linear-gradient(135deg, #b8860b, #d4940a);
    --shadow-sm: 0 1px 3px rgba(80, 60, 30, 0.08);
    --shadow-md: 0 4px 12px rgba(80, 60, 30, 0.1);
    --shadow-lg: 0 4px 16px rgba(80, 60, 30, 0.12);
}