/* ══════════════════════════════════════════════════════════════
   TEMA BRANCO — ativado por <html data-theme="light">
   (botão ☀/🌙 na barra lateral; a escolha fica salva no navegador)
   ══════════════════════════════════════════════════════════════ */
html[data-theme="light"] {
    --bg-deep:       #f4f2f8;
    --bg-mid:        #ffffff;
    --bg-card:       #ffffff;
    --bg-card2:      #ffffff;
    --bg-input:      #ffffff;
    --purple-light:  #7c3aed;
    --purple-glow:   rgba(124, 58, 237, 0.18);
    --green:         #16a34a;
    --gold:          #d97706;
    --red:           #dc2626;
    --blue:          #2563eb;
    --text-bright:   #17121f;
    --text-mid:      #4d4760;
    --text-muted:    #8a8398;
    --border:        rgba(23,18,31,0.08);
    --border-hover:  rgba(23,18,31,0.14);
    --border-purple: rgba(124,58,237,0.35);
    color-scheme: light;
}
html[data-theme="light"] body { background-color: var(--bg-deep); color: var(--text-bright); }

/* ── Barra lateral ── */
html[data-theme="light"] .sidebar { background: #ffffff; border-right: 1px solid #e7e3ef; box-shadow: 4px 0 24px rgba(30,20,60,.04); }
html[data-theme="light"] .logo h1 { color: var(--text-bright) !important; background: none !important; -webkit-text-fill-color: var(--text-bright) !important; }
html[data-theme="light"] .menu-item:hover { background: rgba(124,58,237,0.07); color: var(--text-bright); }
html[data-theme="light"] .menu-item.active { background: rgba(124,58,237,0.10); color: var(--purple); }
html[data-theme="light"] .sidebar-user { background: #f7f5fb; }
html[data-theme="light"] .sidebar-user-avatar { color: #fff; }
html[data-theme="light"] .sidebar-footer [id^="bcp-lang-"] { background: #f4f2f8 !important; border-color: #e4dfee !important; }
html[data-theme="light"] .sidebar-footer > div:first-child { border-top-color: #ece8f3 !important; }

/* ── Área principal ── */
html[data-theme="light"] .main-content { background: var(--bg-deep); }
html[data-theme="light"] .main-content::before {
    background-image: linear-gradient(rgba(124,58,237,0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(124,58,237,0.035) 1px, transparent 1px);
}
html[data-theme="light"] .header h2,
html[data-theme="light"] .modal-title { color: var(--text-bright); }
html[data-theme="light"] .modal-close:hover { color: var(--text-bright); }
html[data-theme="light"] .modal-overlay { background: rgba(30,20,50,0.35); }
html[data-theme="light"] .modal-box { box-shadow: 0 30px 80px rgba(30,20,60,0.18), 0 0 0 1px rgba(124,58,237,0.08); }

/* ── Botões e campos ── */
html[data-theme="light"] .btn { background: #ffffff; border-color: #e4dfee; color: var(--text-mid); }
html[data-theme="light"] .btn:hover { background: #f4f0fb; color: var(--text-bright); border-color: rgba(124,58,237,.3); }
html[data-theme="light"] input, html[data-theme="light"] select, html[data-theme="light"] textarea { border-color: #e1dcea; }
html[data-theme="light"] select option { background-color: #fff !important; color: var(--text-bright) !important; }

/* ── Cartões genéricos ── */
html[data-theme="light"] .content-card,
html[data-theme="light"] .stat-card,
html[data-theme="light"] .equipe-stat-card,
html[data-theme="light"] .jogador-card { box-shadow: 0 6px 22px rgba(30,20,60,.06); }
html[data-theme="light"] .grid-header { background: #f7f5fb; }
html[data-theme="light"] .grid-row:hover { background: #faf8fd; }
html[data-theme="light"] .ranking-row:hover { background: rgba(124,58,237,0.05); }

/* ── Campeonatos ── */
html[data-theme="light"] .camp-card { box-shadow: 0 6px 18px rgba(30,20,60,.06); }
html[data-theme="light"] .camp-card:hover,
html[data-theme="light"] .camp-card.active { box-shadow: 0 14px 34px rgba(30,20,60,.14), 0 0 22px var(--camp-glow, rgba(124,58,237,.18)); }
html[data-theme="light"] .camp-card-name { color: var(--text-mid); }
html[data-theme="light"] .camp-card-menu { background: rgba(255,255,255,.98); }

/* ── Atletas: card "Novo atleta" e verso da carta ── */
html[data-theme="light"] .ath-card-new,
html[data-theme="light"] #ath-card-new-container { background: rgba(124,58,237,.05) !important; box-shadow: none !important; }
html[data-theme="light"] #ath-card-new-container::before { opacity: .35; }

/* ── Equipes (os cards tinham fundo escuro fixo com !important) ── */
html[data-theme="light"] .eq-card { background: #ffffff !important; border-color: #e7e3ef !important; box-shadow: 0 8px 26px rgba(30,20,60,.07); }
html[data-theme="light"] .eq-card:hover { box-shadow: 0 18px 44px rgba(30,20,60,.14), 0 0 26px var(--eq-glow) !important; }
html[data-theme="light"] .eq-banner { background: #efecf5 !important; }
html[data-theme="light"] .eq-banner::before { background: linear-gradient(to top, #ffffff 0%, transparent 100%) !important; }
html[data-theme="light"] .eq-logo-wrap { background: #ffffff !important; border-color: #e7e3ef !important; box-shadow: 0 5px 15px rgba(30,20,60,.12), 0 0 30px 2px var(--eq-glow) !important; }
html[data-theme="light"] .eq-name { color: var(--text-bright) !important; }
html[data-theme="light"] .eq-menu { background: #faf8fd !important; }
html[data-theme="light"] .eq-menu-btn { color: var(--text-mid) !important; }
html[data-theme="light"] .eq-card-new { background: rgba(124,58,237,.05) !important; }

/* ── Textos brancos escritos direto no HTML/JS (style="color:#fff") ── */
html[data-theme="light"] .main-content [style*="color:#fff"]:not(.btn-primary):not(button),
html[data-theme="light"] .main-content [style*="color: #fff"]:not(.btn-primary):not(button),
html[data-theme="light"] .main-content [style*="color:white"]:not(.btn-primary):not(button),
html[data-theme="light"] .main-content [style*="color: white"]:not(.btn-primary):not(button),
html[data-theme="light"] .modal-box [style*="color:#fff"]:not(.btn-primary):not(button),
html[data-theme="light"] .modal-box [style*="color: #fff"]:not(.btn-primary):not(button) { color: var(--text-bright) !important; }
/* fundos translúcidos claros pensados pro escuro viram cinza bem leve */
html[data-theme="light"] .main-content [style*="background:rgba(255,255,255,0.0"],
html[data-theme="light"] .main-content [style*="background: rgba(255,255,255,0.0"],
html[data-theme="light"] .main-content [style*="background:rgba(255,255,255,.0"] { background: #f7f5fb !important; }
html[data-theme="light"] .main-content [style*="background:rgba(0,0,0,0.2)"],
html[data-theme="light"] .main-content [style*="background: rgba(0,0,0,0.2)"] { background: #ffffff !important; }
html[data-theme="light"] .main-content [style*="border:1px solid rgba(255,255,255"],
html[data-theme="light"] .main-content [style*="border: 1px solid rgba(255,255,255"] { border-color: #e4dfee !important; }

/* ── Botão de tema ── */
.bcp-theme-btn { background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; cursor: pointer; padding: 3px 7px; font-size: 13px; line-height: 14px; color: #fbbf24; transition: background .2s; }
.bcp-theme-btn:hover { background: rgba(124,58,237,.18); }
html[data-theme="light"] .bcp-theme-btn { background: #f4f2f8; border-color: #e4dfee; color: #5b21b6; }

/* ── Campeonatos personalizados (fundo escuro vinha inline) ── */
html[data-theme="light"] .camp-card[style*="rgba(10,5,15"] {
    background: linear-gradient(160deg, color-mix(in srgb, var(--camp-color, #7c3aed) 16%, #ffffff) 0%, #ffffff 80%) !important;
}
/* ── Equipes: faixas de foto do banner ── */
html[data-theme="light"] .eq-banner-slot { background: linear-gradient(180deg, #f1eef6, #e7e3ef) !important; border-right-color: rgba(255,255,255,.9) !important; }
html[data-theme="light"] .eq-banner-slot.empty { background: linear-gradient(180deg, #f4f2f8, #ebe7f2) !important; }
/* ── Campo de arquivo (print) ── */
html[data-theme="light"] input[type="file"] { background: #ffffff !important; color: var(--text-mid) !important; }
html[data-theme="light"] .eq-banner::after { background: linear-gradient(to top, #ffffff 0%, transparent 100%) !important; }
html[data-theme="light"] .eq-badge { background: rgba(255,255,255,.92); color: #6d28d9; border-color: rgba(124,58,237,.25); }

/* ── Textos que eram brancos fixos no style.css ── */
html[data-theme="light"] .stat-value,
html[data-theme="light"] .player-name,
html[data-theme="light"] .scout-eq-hdr-name,
html[data-theme="light"] .seq-hdr-name,
html[data-theme="light"] .seq-pick-kpi-val { color: var(--text-bright); }
html[data-theme="light"] .seq-hdr-banner { box-shadow: 0 8px 26px rgba(30,20,60,.08); background-color: #ffffff; }
html[data-theme="light"] .eq-name-input,
html[data-theme="light"] .eq-create-field,
html[data-theme="light"] .ath-create-input { background: #ffffff; color: var(--text-bright); }