/* === THEME.CSS ===
 * /assets/css/theme.css
 * НАЗНАЧЕНИЕ: Dark/Light тема - переопределение CSS переменных
 * СВЯЗИ: style.css (основные переменные), index.php
 * РАЗМЕР: ~120 строк
 */

/* Dark theme = :root defaults in style.css (no override needed) */

/* ============================================
 * LIGHT ТЕМА (переключается классом)
 * Восстанавливает оригинальные светлые значения
 * ============================================ */

html.light-theme {
    --bg-primary: #FAFAFA;
    --bg-secondary: #F5F5F5;
    --bg-card: #FFFFFF;
    --bg-dark: #1A1A1A;
    --bg-overlay: rgba(0, 0, 0, 0.5);

    --text-primary: #1A1A1A;
    --text-secondary: #666666;
    --text-muted: #999999;

    --border-color: #E5E5E5;

    --color-gold-light: #FFF4CC;
    --color-gold-dark: #B8860B;
    --color-blue: #4A90D9;
    --color-blue-light: #E8F4FD;

    --color-success-light: #D1FAE5;
    --color-warning-light: #FEF3C7;
    --color-error-light: #FEE2E2;
    --color-info-light: #DBEAFE;

    --gradient-card: linear-gradient(135deg, #FFFFFF 0%, #F5F5F5 100%);

    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
    --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.15);
    --shadow-gold: 0 4px 15px rgba(255, 215, 0, 0.3);
    --shadow-blue: 0 4px 15px rgba(74, 144, 217, 0.3);
}

/* ============================================
 * ЭЛЕМЕНТЫ ТРЕБУЮЩИЕ ПРЯМОЙ СТИЛИЗАЦИИ
 * (используют хардкод цвета вместо переменных)
 * ============================================ */

/* Navbar */
.navbar { background: var(--bg-card); border-bottom-color: var(--border-color); }

/* Формы */
.form-input, .form-textarea, .form-select {
    background-color: var(--bg-card);
    border-color: var(--border-color);
    color: var(--text-primary);
}

/* Карточки */
.card-header { border-bottom-color: var(--border-color); }
.card-footer { border-top-color: var(--border-color); }

/* Мобильная навигация */
@media (max-width: 768px) {
    body.authenticated .nav-menu[data-auth="user"] {
        background: var(--bg-card);
        border-top-color: var(--border-color);
    }
    body.authenticated header {
        background: var(--bg-card);
        border-bottom-color: var(--border-color);
    }
}

/* Кнопка primary - текст всегда темный на золотом фоне */
.btn-primary { color: #1A1A1A; }

/* ============================================
 * КНОПКА ПЕРЕКЛЮЧЕНИЯ ТЕМЫ
 * ============================================ */

.aci-theme-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: none;
    border-radius: var(--radius-md);
    background: transparent;
    color: var(--text-secondary);
    cursor: pointer;
    transition: all var(--transition-fast);
}

.aci-theme-btn:hover {
    color: var(--text-primary);
    background: var(--bg-secondary);
}

.aci-theme-btn svg {
    width: 20px;
    height: 20px;
}

/* dark: показываем солнце (переключить на light) */
.aci-icon-sun { display: inline-flex; }
.aci-icon-moon { display: none; }

/* light: показываем луну (переключить на dark) */
html.light-theme .aci-icon-sun { display: none; }
html.light-theme .aci-icon-moon { display: inline-flex; }

/* ============================================
 * prefers-reduced-motion
 * ============================================ */
@media (prefers-reduced-motion: reduce) {
    * { transition-duration: 0.01ms !important; }
}