html.light-theme body {
    background:
        radial-gradient(circle at 0 0, rgba(80, 182, 255, .15), transparent 55%),
        radial-gradient(circle at 100% 100%, rgba(238, 58, 106, .15), transparent 55%),
        radial-gradient(circle at 50% 120%, rgba(99, 137, 217, .15), transparent 60%),
        #F8FAFC;
    color: #1E293B;
    --text: #1E293B;
    --muted: #64748B;
    --border: rgba(148, 163, 184, .3);

    /* Dashboard V2 & Results Variable Overrides */
    --bg0: #F8FAFC;
    --bg1: #F1F5F9;
    --card: rgba(255, 255, 255, 0.9);
    --card2: rgba(255, 255, 255, 0.7);
    --stroke: #E2E8F0;
    --stroke2: #CBD5E1;
    --muted2: #94A3B8;

    /* Results Page (Original variables) */
    --bg: #F8FAFC;
    --panel: #FFFFFF;
    --panel-soft: #F1F5F9;
    --shadow: 0 10px 40px rgba(0, 0, 0, 0.06);
}

html.light-theme body .desktop-frame {
    background:
        radial-gradient(circle at 0 0, rgba(148, 163, 184, .1), transparent 55%),
        rgba(255, 255, 255, .90);
    box-shadow: 0 20px 60px rgba(0, 0, 0, .15);
}

html.light-theme body .desk-header {
    background: linear-gradient(to bottom, rgba(5, 8, 22, .96), rgba(5, 8, 22, .9));
    border-bottom: 1px solid rgba(15, 23, 42, .9);
}

/* Ensure Home/Global Header stays dark too */
html.light-theme body .topbar {
    background: linear-gradient(180deg, #103563, #091E3A) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #E9EEFF !important;
}

html.light-theme body .twin-score,
html.light-theme body .twin-tag,
html.light-theme body .twin-mini,
html.light-theme body .quick-btn,
html.light-theme body .symptom-textarea,
html.light-theme body .symptom-chip,
html.light-theme body .btn-secondary,
html.light-theme body .row-item,
html.light-theme body .row-pill,
html.light-theme body .pill-small,
html.light-theme body .playlist-row,
html.light-theme body .card-chip {
    background: #FFFFFF;
    border-color: #E2E8F0;
    color: #334155;
}

html.light-theme body .quick-icon,
html.light-theme body .row-icon {
    background: #F1F5F9;
    /* Slate-100 */
    color: #334155;
}

html.light-theme body .twin-hero {
    background: radial-gradient(circle at 0 0, rgba(80, 182, 255, .15), transparent 65%), #FFFFFF;
    border-color: #E2E8F0;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .05);
}

html.light-theme body .card,
html.light-theme body .list-section,
html.light-theme body .author-card {
    background: rgba(255, 255, 255, .9);
    border-color: #E2E8F0;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .05);
}

html.light-theme body .list-header-title,
html.light-theme body .card-title,
html.light-theme body .twin-name,
html.light-theme body .twin-score-main,
html.light-theme body .symptom-title,
html.light-theme body .author-name,
html.light-theme body .row-title {
    color: #0F172A;
}

html.light-theme body .nav-btn[data-active="true"] {
    background: linear-gradient(135deg, var(--aqua), var(--turquoise));
    color: #FFFFFF;
    border-color: transparent;
}

/* Author Modal Light Theme Overrides */
html.light-theme body #authorModal {
    background: rgba(248, 250, 252, 0.8) !important;
}

html.light-theme body #authorModal .modal-card {
    background: #FFFFFF !important;
    border-color: #E2E8F0 !important;
    color: #0F172A !important;
}

html.light-theme body #authorModal .am-header {
    background: linear-gradient(135deg, #F1F5F9, #E2E8F0) !important;
    border-bottom: 1px solid #E2E8F0;
}

html.light-theme body #authorModal #modalName {
    color: #0F172A !important;
}

html.light-theme body #authorModal #modalSubtitle {
    color: #64748B !important;
}

html.light-theme body #authorModal #modalAvatar {
    border-color: #CBD5E1 !important;
    background: #E2E8F0 !important;
    color: #475569 !important;
}

html.light-theme body #authorModal .am-stat-box {
    background: #F8FAFC !important;
    border-color: #E2E8F0 !important;
}

html.light-theme body #authorModal .am-label {
    color: #64748B !important;
}

html.light-theme body #authorModal .am-val {
    color: #0F172A !important;
}

html.light-theme body #authorModal .btn {
    background: #FFFFFF !important;
    border-color: #E2E8F0 !important;
    color: #475569 !important;
}

html.light-theme body #authorModal .btn:hover {
    background: #F1F5F9 !important;
}

html.light-theme body #authorModal #modalFavBtn.liked {
    background: rgba(238, 58, 106, 0.1) !important;
    color: #EE3A6A !important;
    border-color: rgba(238, 58, 106, 0.3) !important;
}