html.theme-light {
    --page-grad: radial-gradient(130% 120% at 70% 15%, #ede9fe 0%, #f5f3ff 40%, #faf9ff 70%, #ffffff 100%);
    --glass-bg: rgba(255, 255, 255, 0.7);
    --glass-border: rgba(124, 58, 237, 0.15);
    --glass-blur: blur(40px) saturate(130%);
    --pill-bg: rgba(124, 58, 237, 0.08);
    --pill-border: rgba(124, 58, 237, 0.18);
    --text: #1e1040;
    --text-muted: #4c3a8a;
    --text-faint: #7c6ab0;
    --accent: #7c3aed;
    --accent-2: #5b21b6;
}

html.theme-light body {
    background: #f5f3ff;
}

html.theme-light .bg-decor {
    background: var(--page-grad);
}

html.theme-light .orb-1 { background: #c4b5fd; opacity: 0.5; }
html.theme-light .orb-2 { background: #f9a8d4; opacity: 0.4; }
html.theme-light .orb-3 { background: #a78bfa; opacity: 0.35; }


html.theme-light .home-nav-btn {
    color: var(--text);
}

html.theme-light .home-nav-fav {
    background: rgba(124, 58, 237, 0.08);
    border-color: rgba(124, 58, 237, 0.2);
}

html.theme-light .home-nav-fav:hover {
    background: rgba(124, 58, 237, 0.15);
    border-color: var(--accent);
}

html.theme-light .panel {
    background: rgba(255, 255, 255, 0.75);
    border-color: rgba(124, 58, 237, 0.15);
    box-shadow: 0 8px 40px rgba(124, 58, 237, 0.08), 0 0 0 0.5px rgba(124, 58, 237, 0.1), inset 0 1px 0 rgba(255,255,255,0.9);
}

html.theme-light .country-list {
    background: rgba(255, 255, 255, 0.95);
    border-color: rgba(124, 58, 237, 0.15);
}

html.theme-light .country-list li:hover,
html.theme-light .country-list li.is-active {
    background: rgba(124, 58, 237, 0.08);
}

html.theme-light .station-row {
    background: rgba(124, 58, 237, 0.04);
    color: var(--text);
}

html.theme-light .station-row:hover {
    background: rgba(124, 58, 237, 0.09);
    border-color: rgba(124, 58, 237, 0.2);
}

html.theme-light .station-row.is-current {
    background: rgba(124, 58, 237, 0.12);
    border-color: var(--accent);
}

html.theme-light .home-footer { color: var(--text-faint); }

html.theme-light .modal-panel {
    background: rgba(255, 255, 255, 0.97);
    border-color: rgba(124, 58, 237, 0.15);
}


html.theme-light .lang-dropdown {
    background: rgba(255, 255, 255, 0.97);
    border-color: rgba(124, 58, 237, 0.15);
}

html.theme-light .lang-alt:hover {
    background: rgba(124, 58, 237, 0.06);
}

html.theme-light .ext-btn {
    color: var(--text);
}