/* Light theme — readable dark text on pale surfaces */

html[data-theme="light"] {
    --color-scheme: light;
    --color-primary: #0B8A60;
    --color-primary-hover: #087250;
    --color-accent-cyan: #0A739C;
    --color-header-bg: rgba(255, 255, 255, 0.92);
    --color-page-bg: #F3F6F4;
    --color-card-bg: #ffffff;
    --color-text: #15241C;
    --color-text-strong: #102018;
    --color-text-secondary: #3D4F46;
    --color-inactive: #5C6E66;
    --color-border: rgba(12, 92, 64, 0.18);
    --color-border-focus: #0A739C;
    --color-hover-fill: rgba(12, 40, 30, 0.06);
    --shadow-card: 0 14px 36px rgba(16, 36, 28, 0.1), 0 0 0 1px rgba(12, 92, 64, 0.1);
    --cosmic-navy: #F3F6F4;
    --cosmic-deep: #E7EEEA;
    --cosmic-purple: #0B8A60;
    --cosmic-purple-soft: #1AA875;
    --cosmic-cyan: #0A739C;
    --cosmic-magenta: #0E8A68;
    --cosmic-surface: rgba(16, 40, 32, 0.05);
    --cosmic-surface-strong: rgba(16, 40, 32, 0.08);
    --cosmic-border: rgba(12, 92, 64, 0.18);
    --cosmic-text: #15241C;
    --cosmic-text-muted: #3D4F46;
    --shadow-glow: 0 16px 36px rgba(16, 36, 28, 0.1), 0 0 0 1px rgba(12, 92, 64, 0.12);
    --shadow-sm: 0 10px 24px rgba(16, 36, 28, 0.1);
    --color-bg: #ffffff;
}

html[data-theme="light"] body {
    background: var(--color-page-bg);
    color: var(--color-text);
}

html[data-theme="light"] a {
    color: var(--color-primary);
}

html[data-theme="light"] .cosmic-atmosphere {
    background:
        radial-gradient(900px 480px at 12% -8%, rgba(11, 138, 96, 0.16), transparent 62%),
        radial-gradient(780px 420px at 88% 8%, rgba(10, 115, 156, 0.1), transparent 60%),
        radial-gradient(640px 360px at 50% 100%, rgba(14, 138, 104, 0.08), transparent 70%),
        linear-gradient(180deg, #F7FAF8 0%, #EEF3F0 52%, #F3F6F4 100%);
}

html[data-theme="light"] .cosmic-atmosphere__fog {
    background:
        radial-gradient(ellipse 80% 50% at 28% 18%, rgba(11, 138, 96, 0.1), transparent 62%),
        radial-gradient(ellipse 60% 45% at 72% 62%, rgba(10, 115, 156, 0.07), transparent 58%);
    opacity: 0.85;
}

html[data-theme="light"] .header {
    background: var(--color-header-bg);
    border-bottom-color: var(--color-border);
    box-shadow: 0 8px 24px rgba(16, 36, 28, 0.08);
}

html[data-theme="light"] .header__title-main {
    background: linear-gradient(135deg, #0A3D2C 8%, #0B8A60 58%, #0A739C 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

html[data-theme="light"] .header__menu-btn,
html[data-theme="light"] .header__theme-btn {
    border-color: rgba(12, 92, 64, 0.2);
    background: rgba(11, 138, 96, 0.08);
    color: var(--color-text-secondary);
}

html[data-theme="light"] .header__menu-btn:hover,
html[data-theme="light"] .header__theme-btn:hover {
    color: var(--color-text-strong);
    background: rgba(11, 138, 96, 0.14);
}

html[data-theme="light"] .header__user--active .header__menu-btn,
html[data-theme="light"] .nav-dropdown--open .header__menu-btn {
    color: #042016;
}

html[data-theme="light"] .subnav {
    background: rgba(255, 255, 255, 0.94);
    border-bottom-color: var(--color-border);
}

html[data-theme="light"] .nav-dropdown__menu {
    background: #ffffff;
    border-color: var(--color-border);
    box-shadow: 0 16px 36px rgba(16, 36, 28, 0.14);
}

html[data-theme="light"] .header__menu-logout {
    color: #B42318;
}

html[data-theme="light"] .header__menu-logout:hover {
    color: #8B1A12;
    background: rgba(180, 35, 24, 0.1);
}

html[data-theme="light"] .card,
html[data-theme="light"] .stat-card,
html[data-theme="light"] .spec-group,
html[data-theme="light"] .detail-collapsible,
html[data-theme="light"] .table-card,
html[data-theme="light"] .filters-card,
html[data-theme="light"] .map-container {
    background: #ffffff;
    border-color: var(--color-border);
    box-shadow: var(--shadow-card);
}

html[data-theme="light"] .form-input,
html[data-theme="light"] .okv-cell-input,
html[data-theme="light"] .okv-cell-select,
html[data-theme="light"] textarea.form-input {
    background: #ffffff;
    color: var(--color-text);
    border-color: rgba(12, 92, 64, 0.22);
}

html[data-theme="light"] .form-input::placeholder {
    color: #6A7A72;
}

html[data-theme="light"] select.form-input {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%233D4F46' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-color: #ffffff;
}

html[data-theme="light"] .btn--secondary {
    color: var(--color-text);
    background: rgba(11, 138, 96, 0.08);
    border-color: var(--color-border);
}

html[data-theme="light"] .btn--secondary:hover {
    background: rgba(11, 138, 96, 0.14);
    color: var(--color-text-strong);
}

html[data-theme="light"] .btn--primary {
    color: #042016 !important;
}

html[data-theme="light"] .ads-table th,
html[data-theme="light"] .history-table th {
    color: #2A3B34;
}

html[data-theme="light"] .ads-table td,
html[data-theme="light"] .history-table td {
    color: var(--color-text);
    border-bottom-color: rgba(12, 92, 64, 0.1);
}

html[data-theme="light"] .col-price,
html[data-theme="light"] .mobile-card__price,
html[data-theme="light"] .detail-price,
html[data-theme="light"] .stat-card--suitable .stat-card__value {
    color: #0A739C;
    text-shadow: none;
}

html[data-theme="light"] .badge--active {
    background: rgba(11, 138, 96, 0.14);
    color: #0A5C40;
}

html[data-theme="light"] .badge--inactive {
    background: rgba(16, 40, 32, 0.08);
    color: #3D4F46;
}

html[data-theme="light"] .badge--source {
    background: rgba(10, 115, 156, 0.12);
    color: #085A7A;
}

html[data-theme="light"] .notice--success {
    background: rgba(11, 138, 96, 0.12);
    border-color: rgba(11, 138, 96, 0.28);
    color: #0A4F36;
}

html[data-theme="light"] .notice--error {
    background: rgba(180, 35, 24, 0.1);
    border-color: rgba(180, 35, 24, 0.28);
    color: #8B1A12;
}

html[data-theme="light"] .notice--warn {
    background: rgba(161, 98, 7, 0.12);
    border-color: rgba(161, 98, 7, 0.28);
    color: #7A4B05;
}

html[data-theme="light"] .vpv-chip {
    background: rgba(11, 138, 96, 0.14);
    border-color: rgba(11, 138, 96, 0.28);
    color: #0A5C40;
}

html[data-theme="light"] .admin-users-chip {
    background: rgba(11, 138, 96, 0.08);
    color: var(--color-text);
}

html[data-theme="light"] .admin-users-chip:hover {
    background: rgba(11, 138, 96, 0.14);
    color: var(--color-text-strong);
}

html[data-theme="light"] .admin-users-chip--danger {
    color: #B42318;
}

html[data-theme="light"] .admin-users-chip--ok {
    color: #0A5C40;
}

html[data-theme="light"] .tools-card {
    background:
        linear-gradient(165deg, rgba(11, 138, 96, 0.08), transparent 55%),
        #ffffff;
    color: var(--color-text);
}

html[data-theme="light"] .login-card {
    background: #ffffff;
    border-color: var(--color-border);
    box-shadow: 0 20px 48px rgba(16, 36, 28, 0.12);
}

html[data-theme="light"] .ov-hero__visual {
    background:
        radial-gradient(ellipse 70% 55% at 50% 35%, rgba(11, 138, 96, 0.12), transparent 60%),
        linear-gradient(165deg, #F7FAF8 0%, #EAF2EE 45%, #F3F6F4 100%);
}

html[data-theme="light"] .ov-direction,
html[data-theme="light"] .ov-base__item {
    background: linear-gradient(160deg, #ffffff 0%, #F2F7F4 100%);
    border-color: rgba(12, 92, 64, 0.16);
    color: var(--color-text);
    box-shadow: 0 10px 24px rgba(16, 36, 28, 0.08);
}

html[data-theme="light"] .ov-direction:hover,
html[data-theme="light"] .ov-direction.is-focused,
html[data-theme="light"] .ov-base__item:hover {
    box-shadow: 0 16px 32px rgba(16, 36, 28, 0.12);
}

html[data-theme="light"] .ov-section--team {
    background: linear-gradient(180deg, transparent, rgba(11, 138, 96, 0.06), transparent);
}

html[data-theme="light"] .spec-group.is-focused,
html[data-theme="light"] .spec-group:hover {
    box-shadow:
        0 16px 36px rgba(16, 36, 28, 0.12),
        0 0 0 1px rgba(11, 138, 96, 0.22);
}

html[data-theme="light"] .leaflet-container {
    background: #e8eeea;
}

html[data-theme="light"] .leaflet-popup-content-wrapper,
html[data-theme="light"] .leaflet-popup-tip {
    background: #ffffff;
    color: var(--color-text);
}

html[data-theme="light"] .commercial-score {
    color: #0A4F36;
    background: color-mix(in srgb, rgba(11, 138, 96, calc(var(--score, 50) / 100)) 40%, #ffffff);
    border-color: rgba(11, 138, 96, 0.28);
}

html[data-theme="light"] .commercial-comparison {
    background: rgba(11, 138, 96, 0.08);
    border-color: rgba(11, 138, 96, 0.22);
    color: var(--color-text);
}

html[data-theme="light"] .commercial-comparison__item.is-below strong {
    color: #087250;
}

html[data-theme="light"] .commercial-comparison__item.is-above strong {
    color: #B42318;
}

html[data-theme="light"] .commercial-comparison__item.is-neutral strong {
    color: #8A5A00;
}

html[data-theme="light"] .login-alert {
    color: #8B1A12;
    background: rgba(180, 35, 24, 0.1);
}

html[data-theme="light"] .login-alert--warn {
    color: #7A4B05;
    background: rgba(161, 98, 7, 0.12);
}

html[data-theme="light"] .admin-users-flash--err p,
html[data-theme="light"] .learn-forbidden {
    color: #B42318;
}

html[data-theme="light"] .vpv-progress__label strong {
    color: #0A5C40;
}

html[data-theme="light"] .vpv-progress__track {
    background: rgba(12, 92, 64, 0.1);
    border-color: rgba(12, 92, 64, 0.18);
}

html[data-theme="light"] .vpv-finding {
    background: #ffffff;
    border-color: rgba(12, 92, 64, 0.16);
}

html[data-theme="light"] .vpv-review__plan img,
html[data-theme="light"] .vpv-finding__frames img {
    background: #f3f6f4;
    border-color: rgba(12, 92, 64, 0.16);
}

html[data-theme="light"] .parse-panel__log,
html[data-theme="light"] .apartment-modal__card {
    background: #ffffff;
    color: var(--color-text);
}

html[data-theme="light"] .apartment-map-iframe,
html[data-theme="light"] .okv-map-iframe {
    background: #e8eeea;
}

html[data-theme="light"] .okv-objects-table thead th,
html[data-theme="light"] .okv-mini-table thead th,
html[data-theme="light"] .okv-results-table thead th,
html[data-theme="light"] .apartment-matrix-table thead th,
html[data-theme="light"] .apartment-apartments-table thead th {
    background: #EEF3F0;
    color: #2A3B34;
}

html[data-theme="light"] .okv-cell-input,
html[data-theme="light"] .okv-objects-table .okv-cell-input {
    background: #ffffff;
    color: var(--color-text);
}

html[data-theme="light"] .apartment-kpi,
html[data-theme="light"] .apartment-heat-grid > div {
    background: rgba(11, 138, 96, 0.06);
}