/* ============================================================
   ТЕМА «УТРЕННИЙ СВЕТ» — покрытие всех разделов приложения.
   Базовые переменные и общий каркас — в svetozorii-v4.css.
   Файл подключается последним, действует при классе
   theme-light на <html>.
   ============================================================ */

/* --- Каркас приложения --- */

html.theme-light body.nav-open::after {
    background: rgba(58, 48, 30, 0.45);
}

html.theme-light body.nav-open .sidebar {
    box-shadow: 30px 0 100px rgba(64, 50, 28, 0.3);
}

html.theme-light .mobile-bottom-nav {
    background: rgba(252, 249, 242, 0.94);
    box-shadow: 0 -12px 40px rgba(64, 50, 28, 0.16);
}

html.theme-light .navbar {
    background: rgba(248, 244, 235, 0.9);
}

/* --- Сегодня (профиль) --- */

html.theme-light .life-hero {
    background:
        radial-gradient(circle at 78% 28%, rgba(46, 125, 107, 0.16), transparent 16rem),
        radial-gradient(circle at 12% 90%, rgba(176, 118, 60, 0.12), transparent 23rem),
        linear-gradient(135deg, rgba(255, 253, 248, 0.97), rgba(240, 233, 219, 0.97));
}

html.theme-light .life-hero::after {
    opacity: 0.14;
    background-image: radial-gradient(rgba(64, 50, 28, 0.4) 0.7px, transparent 0.7px);
}

html.theme-light .life-panel {
    box-shadow: 0 14px 40px rgba(64, 50, 28, 0.09);
}

html.theme-light .life-stat {
    background: rgba(255, 255, 255, 0.72);
}

html.theme-light .quick-path {
    background: rgba(255, 255, 255, 0.7);
}

html.theme-light .quick-path:hover {
    border-color: rgba(176, 118, 60, 0.35);
    background: var(--accent-soft);
}

html.theme-light .xp-bar,
html.theme-light .path-progress__track {
    background: rgba(52, 42, 26, 0.1);
}

html.theme-light .life-suggestions__head > span {
    color: #8f5a28;
}

/* --- Дневник и лента жизни --- */

html.theme-light .life-navigator,
html.theme-light .life-story,
html.theme-light .life-suggestions,
html.theme-light .life-diary {
    background: linear-gradient(160deg, rgba(255, 253, 248, 0.94), rgba(243, 237, 225, 0.96));
}

html.theme-light .life-month-chip,
html.theme-light .life-chip,
html.theme-light .diary-card {
    background: rgba(255, 255, 255, 0.8);
}

html.theme-light .diary-card:hover {
    border-color: rgba(46, 125, 107, 0.35);
    background: rgba(46, 125, 107, 0.07);
}

html.theme-light .diary-search-input {
    background: #fffdf8;
}

html.theme-light .life-node:hover {
    background: rgba(52, 42, 26, 0.05);
}

/* --- Диалоги, скелетоны, onboarding --- */

html.theme-light .story-composer__candidate {
    border-color: rgba(52, 42, 26, 0.16);
    background: rgba(255, 255, 255, 0.75);
}

html.theme-light .app-dialog {
    background: rgba(64, 52, 30, 0.45);
}

html.theme-light .app-dialog__panel {
    background: linear-gradient(150deg, #fffdf8, #f2ecdf);
    box-shadow: 0 30px 80px rgba(64, 50, 28, 0.3);
}

html.theme-light .app-dialog__input {
    background: #fffdf8;
}

html.theme-light .skeleton {
    background: rgba(52, 42, 26, 0.07);
}

html.theme-light .skeleton::after {
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.65), transparent);
}

html.theme-light .onboarding__choice {
    background: rgba(255, 255, 255, 0.75);
}

html.theme-light .onboarding__panel {
    box-shadow: 0 24px 80px rgba(64, 50, 28, 0.22);
}

html.theme-light .universe-card {
    background: rgba(255, 253, 248, 0.85);
}

html.theme-light .universe-card--map::after {
    background-image: linear-gradient(rgba(52, 42, 26, 0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(52, 42, 26, 0.08) 1px, transparent 1px);
}

html.theme-light .error-message {
    color: #a34545;
}

/* --- Карта --- */

html.theme-light #map {
    background: #e9e3d5;
}

html.theme-light .atlas-map .maplibregl-ctrl-group {
    background: rgba(255, 253, 248, 0.95) !important;
    border-color: rgba(52, 42, 26, 0.14);
}

html.theme-light .atlas-map .maplibregl-ctrl-attrib {
    background: rgba(255, 253, 248, 0.9) !important;
    color: #57503f;
}

html.theme-light .atlas-map .maplibregl-ctrl-attrib a {
    color: #8f5a28;
}

html.theme-light .atlas-search input[type='search']:focus {
    background: rgba(255, 255, 255, 0.85);
}

html.theme-light .atlas-empty {
    background: radial-gradient(ellipse at center, rgba(246, 242, 233, 0.6), rgba(238, 231, 218, 0.92));
}

html.theme-light .trip-card {
    background: rgba(255, 255, 255, 0.75);
}

html.theme-light .atlas-photo-thumb {
    box-shadow: 0 2px 10px rgba(64, 50, 28, 0.25);
}

html.theme-light .leaflet-control-zoom a,
html.theme-light .leaflet-bar a {
    background: rgba(255, 253, 248, 0.95) !important;
    color: #57503f;
}

html.theme-light .leaflet-popup-content-wrapper,
html.theme-light .leaflet-popup-tip {
    background: #fffdf8;
    color: #26221a;
}

html.theme-light .city-modal-content {
    background: rgba(252, 249, 242, 0.97) !important;
    box-shadow: 4px 0 40px rgba(64, 50, 28, 0.25) !important;
}

html.theme-light .city-modal-content input {
    background: #fffdf8 !important;
}

html.theme-light .city-modal-content .add-visit-section .inputs-row input {
    background: #fffdf8;
}

/* --- Коллекции --- */

html.theme-light .collection-group .group-header {
    background: rgba(52, 42, 26, 0.03) !important;
}

html.theme-light .collection-group .group-type-badge {
    background: rgba(52, 42, 26, 0.06);
}

html.theme-light .type-tab .tab-count {
    background: rgba(52, 42, 26, 0.1);
}

html.theme-light .quest-progress,
html.theme-light .quest-progress .progress-bar {
    background: rgba(52, 42, 26, 0.07);
}

html.theme-light .stat-card:hover,
html.theme-light .artifact-card:hover {
    box-shadow: 0 8px 26px rgba(64, 50, 28, 0.14);
}

html.theme-light .collection-group.type-coins .group-header {
    color: #8f5a28;
}

html.theme-light .collection-group.type-auto .group-header {
    color: #a34545;
}

/* --- Люди --- */

html.theme-light .network-canvas {
    border-color: rgba(52, 42, 26, 0.2);
}

/* --- Библиотека --- */

html.theme-light .lib-controls {
    background: linear-gradient(180deg, rgba(249, 243, 232, 0.95), rgba(240, 232, 217, 0.96));
}

html.theme-light .lib-bookcase {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), 0 14px 34px rgba(64, 50, 28, 0.14);
}

html.theme-light .lib-books {
    background: linear-gradient(180deg, rgba(64, 50, 28, 0.2), rgba(64, 50, 28, 0.05));
    box-shadow: inset 0 10px 18px rgba(64, 50, 28, 0.2);
}

html.theme-light .lib-case-stats {
    color: rgba(87, 80, 63, 0.85);
}

html.theme-light .lib-shelf-empty-note {
    color: rgba(87, 80, 63, 0.6);
}

html.theme-light .lib-search-empty {
    color: rgba(87, 80, 63, 0.85);
}

html.theme-light .lib-detail-life-list li,
html.theme-light .m-detail-life-list li {
    border-bottom-color: rgba(52, 42, 26, 0.12);
}

/* --- Музыка --- */

html.theme-light .m-controls {
    border-color: rgba(52, 42, 26, 0.22);
    background: linear-gradient(180deg, rgba(249, 243, 232, 0.95), rgba(240, 232, 217, 0.96));
}

html.theme-light .m-plaque {
    color: #4a4433;
    background: linear-gradient(180deg, #f2ead8, #e0d5ba);
}

html.theme-light .m-search-empty {
    color: rgba(87, 80, 63, 0.85);
}

html.theme-light .m-bays {
    background: #33291a;
}

html.theme-light .m-shadow {
    background: radial-gradient(50% 50% at 50% 50%, rgba(64, 50, 28, 0.3), transparent 72%);
}

html.theme-light .m-unit::after {
    background: radial-gradient(50% 50% at 50% 50%, rgba(64, 50, 28, 0.18), transparent 70%);
}

/* --- Монеты --- */

html.theme-light .coin-album {
    background: radial-gradient(ellipse at top, #f7f2e6, #e7dfcd 68%);
    color: #3a3226;
}

html.theme-light .coin-album-book {
    background: linear-gradient(90deg, #8a6a4d, #c9a071 2%, #7c5c40 5%, #a87f57 97%, #6d4f38);
}

/* --- Биллинг --- */

html.theme-light .billing-overlay {
    background: rgba(58, 48, 30, 0.5);
}

html.theme-light .billing-panel {
    background: #fffdf8;
    border-color: rgba(52, 42, 26, 0.16);
}

html.theme-light .billing-plan {
    border-color: rgba(52, 42, 26, 0.16);
}

html.theme-light .billing-input {
    background: #fffefb;
    border-color: rgba(52, 42, 26, 0.2);
}

html.theme-light .billing-btn.billing-btn-quiet {
    background: rgba(52, 42, 26, 0.07);
}

html.theme-light .billing-table th,
html.theme-light .billing-table td {
    border-bottom-color: rgba(52, 42, 26, 0.12);
}

html.theme-light .billing-error {
    color: #a34545;
}