/* Light theme overrides when data-theme="light" on html */

html[data-theme="light"] body {
    background: #f1f5f9;
    color: #0f172a;
}

html[data-theme="light"] .site-header {
    background: rgba(248, 250, 252, 0.95);
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}

html[data-theme="light"] .brand,
html[data-theme="light"] .brand-link,
html[data-theme="light"] .logo {
    color: #0f172a;
}

html[data-theme="light"] .tagline {
    color: rgba(15, 23, 42, 0.65);
}

html[data-theme="light"] .header-avatar-fallback,
html[data-theme="light"] .header-gym-fallback {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #f8fafc;
}

html[data-theme="light"] .header-menu {
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid rgba(15, 23, 42, 0.12);
}

html[data-theme="light"] .header-link {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(15, 23, 42, 0.1);
    color: #0f172a;
}

html[data-theme="light"] .header-link:hover {
    background: rgba(15, 23, 42, 0.08);
    border-color: rgba(15, 23, 42, 0.2);
    color: #0f172a;
}

html[data-theme="light"] .header-link.active {
    background: rgba(15, 23, 42, 0.1);
    border-color: rgba(15, 23, 42, 0.2);
    color: #0f172a;
}

html[data-theme="light"] .header-link.login {
    background: #e2e8f0;
    color: #0f172a;
    border-color: rgba(15, 23, 42, 0.12);
}

html[data-theme="light"] .header-link.cta {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #f8fafc;
}

html[data-theme="light"] .header-link.logout-form button {
    color: #0f172a;
}

/* Containers and cards */
html[data-theme="light"] .container {
    color: #0f172a;
}

html[data-theme="light"] .card,
html[data-theme="light"] .profile-edit-container,
html[data-theme="light"] .management-card,
html[data-theme="light"] .management-card .logo-panel {
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(15, 23, 42, 0.1);
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.08);
}

html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] .profile-edit-container h1,
html[data-theme="light"] .gym-history-section h2 {
    color: #0f172a;
}

html[data-theme="light"] .page-intro {
    color: rgba(15, 23, 42, 0.65);
}

html[data-theme="light"] .profile-section {
    border-top-color: rgba(15, 23, 42, 0.1);
}

html[data-theme="light"] .section-heading {
    color: #0f172a;
}

html[data-theme="light"] .section-desc {
    color: rgba(15, 23, 42, 0.6);
}

html[data-theme="light"] label {
    color: #0f172a;
}

html[data-theme="light"] .form-input {
    background: #fff;
    border: 2px solid #e2e8f0;
    color: #0f172a;
}

html[data-theme="light"] .form-input:focus {
    border-color: #667eea;
    background: #fff;
}

html[data-theme="light"] .form-input::placeholder {
    color: #64748b;
}

html[data-theme="light"] .form-input::file-selector-button {
    background: rgba(102, 126, 234, 0.15);
    color: #4f46e5;
    border: 1px solid rgba(79, 70, 229, 0.3);
}

html[data-theme="light"] .help-text {
    color: #64748b;
}

html[data-theme="light"] .subtitle {
    color: #475569;
}

/* Buttons */
html[data-theme="light"] .btn-primary {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff;
}

html[data-theme="light"] .btn-secondary {
    background: #f1f5f9;
    color: #0f172a;
    border: 1px solid #e2e8f0;
}

html[data-theme="light"] .btn-secondary:hover {
    background: #e2e8f0;
    border-color: #cbd5e1;
}

/* Banners */
html[data-theme="light"] .banner-success {
    background: rgba(34, 197, 94, 0.15);
    color: #166534;
    border: 1px solid rgba(34, 197, 94, 0.35);
}

html[data-theme="light"] .banner-error {
    background: rgba(239, 68, 68, 0.12);
    color: #b91c1c;
    border: 1px solid rgba(239, 68, 68, 0.35);
}

html[data-theme="light"] .banner-info {
    background: rgba(59, 130, 246, 0.12);
    color: #1e40af;
    border: 1px solid rgba(59, 130, 246, 0.3);
}

/* Profile edit specific */
html[data-theme="light"] .current-picture span,
html[data-theme="light"] .current-gym-display .gym-info span {
    color: #64748b;
}

html[data-theme="light"] .current-gym-display .gym-info strong {
    color: #0f172a;
}

html[data-theme="light"] .current-gym-display {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}

html[data-theme="light"] .membership-form {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}

html[data-theme="light"] .membership-form.new {
    border-color: rgba(6, 182, 212, 0.4);
    background: rgba(6, 182, 212, 0.06);
}

html[data-theme="light"] .membership-number {
    color: #0f172a;
}

html[data-theme="light"] .danger-zone {
    border-color: rgba(239, 68, 68, 0.35);
    background: rgba(239, 68, 68, 0.06);
}

html[data-theme="light"] .danger-zone p {
    color: #475569;
}

html[data-theme="light"] .btn-danger {
    background: #fff;
    border: 1px solid rgba(239, 68, 68, 0.5);
    color: #b91c1c;
}

html[data-theme="light"] .btn-danger:hover {
    background: rgba(239, 68, 68, 0.1);
    color: #991b1b;
}

html[data-theme="light"] .error-message {
    color: #b91c1c;
}

html[data-theme="light"] .gym-confirm-map-wrap {
    border-color: rgba(15, 23, 42, 0.1);
    background: #f8fafc;
}

html[data-theme="light"] .maps-link a {
    color: #0891b2;
}

/* Add gym / manage cards */
html[data-theme="light"] .gym-confirm-map-wrap,
html[data-theme="light"] .gym-confirm-map-wrap + .maps-link {
    color: #0f172a;
}

html[data-theme="light"] .muted-copy {
    color: #64748b;
}