/* theme_overrides.css — Изолированные переопределения для светлой темы (ТЗ Пункт 1) */

/* Применяется только при активном атрибуте data-bs-theme="light" */
html[data-bs-theme="light"] body {
    background-color: #f4f5f8 !important; /* Мягкий светлый фон */
    color: #1c1c21 !important;             /* Темный основной текст */
}

/* Стеклянные карточки в светлом режиме */
html[data-bs-theme="light"] .glass-card, 
html[data-bs-theme="light"] .main-glass-card,
html[data-bs-theme="light"] .card { 
    background: rgba(255, 255, 255, 0.85) !important; /* Матовое белое стекло */
    border-color: rgba(0, 0, 0, 0.08) !important; 
    color: #1c1c21 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important; /* Легкие тени вместо свечения */
}

/* Заголовки блоков (делаем более контрастными для светлого фона) */
html[data-bs-theme="light"] .glass-title { 
    color: #0263ca !important; /* Глубокий синий тон */
    text-shadow: none !important;
}

/* Вспомогательный приглушенный текст */
html[data-bs-theme="light"] .text-white-50,
html[data-bs-theme="light"] .text-muted {
    color: #555c66 !important; /* Темно-серый цвет */
}

html[data-bs-theme="light"] .text-white,
html[data-bs-theme="light"] h1,
html[data-bs-theme="light"] h2,
html[data-bs-theme="light"] h3,
html[data-bs-theme="light"] h4,
html[data-bs-theme="light"] h5,
html[data-bs-theme="light"] h6 {
    color: #111115 !important;
}

/* Сетка тарелок (Pills) и плитки выбора в светлом режиме */
html[data-bs-theme="light"] .pill-item,
html[data-bs-theme="light"] .option-tile {
    background: rgba(0, 0, 0, 0.03) !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    color: #1c1c21 !important;
}

html[data-bs-theme="light"] .pill-item:hover,
html[data-bs-theme="light"] .option-tile:hover {
    background: rgba(0, 0, 0, 0.06) !important;
    border-color: rgba(0, 0, 0, 0.15) !important;
}

/* Карточки дополнительных параметров */
html[data-bs-theme="light"] .parameter-glass-card {
    background: rgba(0, 0, 0, 0.02) !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
}

/* Размытый нижний таб-бар в светлом режиме */
html[data-bs-theme="light"] .tab-bar {
    background-color: rgba(250, 250, 250, 0.98) !important;
    border-top-color: rgba(0, 0, 0, 0.08) !important;
}

html[data-bs-theme="light"] .tab-bar a {
    color: #6c757d !important;
}

html[data-bs-theme="light"] .tab-bar a.active {
    color: #0d6efd !important; /* Синий активный акцент в светлом режиме */
}

/* Плашка пояснения на странице входа */
html[data-bs-theme="light"] .alert-dark {
    background: rgba(0, 0, 0, 0.03) !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    color: #555c66 !important;
}