/* ============ Quad Code — Light Theme Overrides ============ */
html[data-theme="light"] body {
    background: #eef1f8;
    color: #1a1a2e;
}

html[data-theme="light"] .auth-screen {
    background: #eef1f8;
}

html[data-theme="light"] .auth-title,
html[data-theme="light"] .dash-header h1,
html[data-theme="light"] .header-text h1,
html[data-theme="light"] .balance-amount,
html[data-theme="light"] .card-value,
html[data-theme="light"] .section-heading h2 {
    color: #1a1a2e;
}

html[data-theme="light"] .auth-subtitle,
html[data-theme="light"] .header-subtitle,
html[data-theme="light"] .header-status,
html[data-theme="light"] .balance-label,
html[data-theme="light"] .card-label,
html[data-theme="light"] .section-heading p {
    color: #5a5a7a;
}

html[data-theme="light"] .form-field input {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(0, 0, 0, 0.08);
    color: #1a1a2e;
}

html[data-theme="light"] .dash-header {
    background: rgba(255, 255, 255, 0.85);
    border-bottom-color: rgba(0, 0, 0, 0.06);
}

html[data-theme="light"] .header-icon-btn {
    background: rgba(0, 0, 0, 0.04);
    color: #444;
}

html[data-theme="light"] .header-icon-btn:hover {
    background: rgba(108, 92, 231, 0.12);
    color: #6C5CE7;
}

html[data-theme="light"] .balance-card,
html[data-theme="light"] .dash-card,
html[data-theme="light"] .activity-section,
html[data-theme="light"] .notif-panel,
html[data-theme="light"] .settings-card {
    background: rgba(255, 255, 255, 0.92);
    border-color: rgba(0, 0, 0, 0.06);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}

html[data-theme="light"] .bottom-nav {
    background: rgba(255, 255, 255, 0.95);
    border-top-color: rgba(0, 0, 0, 0.06);
}

html[data-theme="light"] .nav-item {
    color: #888;
}

html[data-theme="light"] .nav-item.active {
    color: #6C5CE7;
}

html[data-theme="light"] .orb {
    opacity: 0.15;
}

html[data-theme="light"] .toast-notification {
    background: #fff;
    color: #1a1a2e;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}