/* --- LIGHT MODE: AUTH DROPDOWN & MODALS --- */
[data-theme="light"] .auth-user-dropdown {
    background: #ffffff;
    border-color: rgba(0,143,120,0.3);
    box-shadow: 0 8px 32px rgba(0,0,0,0.13);
}
[data-theme="light"] .auth-dd-divider { background: rgba(0,143,120,0.18); }
[data-theme="light"] .auth-dd-bar-wrap { background: rgba(0,143,120,0.14); }
[data-theme="light"] .auth-dd-btn:hover { background: #f0faf8; }
[data-theme="light"] .auth-dd-btn.danger:hover { background: rgba(255,82,82,0.08); }
[data-theme="light"] .auth-account-modal {
    background: #ffffff;
    box-shadow: 0 12px 48px rgba(0,0,0,0.14);
}

/* --- LIGHT MODE: GENERAL --- */
[data-theme="light"] .page-content {
    background: linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);
}

/* Hero section gets a distinct gradient so it doesn't blend with the page body */
[data-theme="light"] .hero {
    background: linear-gradient(160deg, var(--bg-secondary) 0%, var(--bg-primary) 100%);
}

[data-theme="light"] .section-title {
    background: linear-gradient(135deg, var(--accent-primary), var(--accent-comp));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

[data-theme="light"] nav {
    border-bottom: 1px solid rgba(0,143,120,0.25);
}

/* --- LIGHT MODE: STACK PAGE --- */
[data-theme="light"] .infinite-scroll-container.scrolled-mode .skill-card-large {
    color: var(--text-primary);
    border-color: rgba(0,143,120,0.4);
    background: #ffffff;
}

[data-theme="light"] .infinite-scroll-container.scrolled-mode .skill-card-large:hover {
    border-color: var(--accent-primary);
    color: var(--accent-primary);
}

[data-theme="light"] .infinite-scroll-container.scrolled-mode .skill-card-large.selected-card,
[data-theme="light"] .infinite-scroll-container.scrolled-mode .skill-card-large.selected-card h3 {
    background: var(--accent-primary);
    color: #fff;
}

[data-theme="light"] .infinite-scroll-container.scrolled-mode .skill-card-large.achievement.selected-card {
    background: #b8860b;
    border-color: #b8860b;
    color: #fff;
}

[data-theme="light"] .infinite-scroll-container.scrolled-mode .skill-card-large h3 {
    color: inherit;
}

[data-theme="light"] .infinite-scroll-container.scrolled-mode::after {
    background: linear-gradient(to bottom, var(--nav-bg), transparent);
}

[data-theme="light"] .detail-content {
    background: #ffffff;
    border-color: rgba(0,143,120,0.18);
}

[data-theme="light"] .project-row {
    background: var(--bg-secondary) !important;
    border-color: rgba(0,143,120,0.15) !important;
}

[data-theme="light"] .project-row:hover {
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}

[data-theme="light"] [id^="filter-"] {
    background: var(--bg-primary);
    border-color: var(--card-border);
}

[data-theme="light"] .project-row div[style*="border-left"] {
    background: var(--bg-primary) !important;
}

[data-theme="light"] .project-grid > div {
    background: var(--bg-primary);
    border-color: rgba(0,143,120,0.15);
}

/* --- LIGHT MODE: DEMOS PAGE --- */
[data-theme="light"] .demo-card-info {
    background: linear-gradient(to bottom, rgba(232,250,246,0.35) 0%, rgba(232,250,246,0.88) 45%, rgba(232,250,246,0.98) 100%);
}

[data-theme="light"] .demo-card-info h3 { color: var(--text-primary); }

[data-theme="light"] .demo-card-info p { color: var(--text-secondary); }

[data-theme="light"] .demo-meta { color: var(--text-secondary); }

[data-theme="light"] .demo-meta i { color: var(--accent-primary); }

[data-theme="light"] .demo-card-info strong { color: var(--text-primary); }

[data-theme="light"] .demo-card-tags .card-tag {
    background: rgba(0,143,120,0.1);
    color: var(--accent-primary);
    border-color: var(--accent-primary);
}

[data-theme="light"] .demo-filter-btn {
    border-color: var(--card-border);
    color: var(--text-secondary);
    background: var(--bg-secondary);
}

[data-theme="light"] .demo-filter-btn.active {
    background: var(--accent-primary);
    border-color: var(--accent-primary);
    color: #e8faf6;
}

[data-theme="light"] .controls-btn:hover {
    background: var(--accent-primary);
    color: #e8faf6;
}

[data-theme="light"] .demo-card-back {
    background: var(--bg-primary);
    border-color: var(--card-border);
}

/* --- LIGHT MODE: GALLERY --- */
[data-theme="light"] .filter-btn:hover,
[data-theme="light"] .filter-btn.active {
    color: #e8faf6;
}

/* --- LIGHT MODE: GENERAL CARDS --- */
[data-theme="light"] .card {
    box-shadow: 0 2px 12px rgba(0,143,120,0.07);
}

[data-theme="light"] .card:hover {
    box-shadow: 0 10px 36px rgba(0,143,120,0.14);
}