/* ====================================================
   LIGHT THEME — activates when html[data-theme="light"]
   ==================================================== */

html[data-theme="light"] {
    --bg-primary:   #f5f5f8;
    --bg-secondary: #ffffff;
    --bg-card:      #ffffff;
    --bg-hover:     #f0f0f5;
    --accent:       #e50914;
    --accent-dark:  #b2070f;
    --accent-glow:  rgba(229,9,20,0.15);
    --text-primary: #1a1a1f;
    --text-muted:   #595969;
    --text-dim:     #9a9aab;
    --border:       rgba(0,0,0,0.10);
    --border-hover: rgba(0,0,0,0.20);
    --gold:         #c79100;
    --success:      #16a34a;
    --warning:      #d97706;
    --shadow:       0 4px 24px rgba(0,0,0,0.10);
    --shadow-lg:    0 8px 40px rgba(0,0,0,0.18);
}

/* Adjust gradient/overlay opacity on light theme */
html[data-theme="light"] .hero-gradient {
    background: linear-gradient(180deg,
        rgba(245,245,248,0) 0%,
        rgba(245,245,248,0.7) 60%,
        rgba(245,245,248,1) 100%) !important;
}

html[data-theme="light"] .navbar {
    background: rgba(255,255,255,0.92) !important;
    backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--border);
}

html[data-theme="light"] .video-card {
    background: var(--bg-card);
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

html[data-theme="light"] .play-overlay {
    background: linear-gradient(180deg, transparent, rgba(0,0,0,0.15)) !important;
}

html[data-theme="light"] input,
html[data-theme="light"] textarea,
html[data-theme="light"] select,
html[data-theme="light"] .form-control {
    background: #ffffff !important;
    color: var(--text-primary) !important;
    border-color: var(--border) !important;
}

html[data-theme="light"] .btn-outline {
    background: transparent;
    color: var(--text-primary);
    border-color: var(--border-hover);
}

/* Smooth transition when toggling */
html, body { transition: background-color .25s ease, color .25s ease; }