/* ==================================================================
   RWC - Tema claro
   Ativado com <html data-theme="light"> (botao sol/lua no topo).
   O site usa variaveis de cor em style.css; aqui elas sao trocadas e
   alguns pontos com cor fixa sao ajustados.
================================================================== */

/* Botao do topo */
.rwc-theme-toggle {
    background: transparent;
    border: 0;
    cursor: pointer;
    font-size: 1.05rem;
}
html[data-theme="light"] .rwc-icon-dark,
html:not([data-theme="light"]) .rwc-icon-light { display: none; }
.rwc-icon-light { color: #f59e0b; }
.rwc-icon-dark { color: #c7d2fe; }

html[data-theme="light"] {
    color-scheme: light;

    --primary-color: #4f46e5;
    --primary-dark: #4338ca;
    --secondary-color: #64748b;
    --success-color: #16a34a;
    --danger-color: #dc2626;
    --warning-color: #b45309;
    --info-color: #2563eb;

    --team-blue: #2563eb;
    --team-red: #dc2626;

    --bg-dark: #f1f5f9;
    --bg-darker: #e2e8f0;
    --bg-card: #ffffff;
    --bg-card-hover: #f1f5f9;

    --text-primary: #0f172a;
    --text-secondary: #334155;
    --text-muted: #64748b;

    --border-color: #d6dde6;
    --box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08), 0 1px 2px rgba(15, 23, 42, 0.04);
    --box-shadow-lg: 0 10px 20px -6px rgba(15, 23, 42, 0.15);

    /* Bootstrap */
    --bs-body-bg: #f1f5f9;
    --bs-body-color: #0f172a;
    --bs-secondary-color: #64748b;
    --bs-border-color: #d6dde6;
}

html[data-theme="light"] body {
    background: linear-gradient(135deg, #f8fafc 0%, #e8edf4 100%);
}

/* Topo */
html[data-theme="light"] .navbar {
    background: #ffffff !important;
    border-bottom: 1px solid var(--border-color);
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}
html[data-theme="light"] .navbar .navbar-toggler { border-color: var(--border-color); }
html[data-theme="light"] .navbar .navbar-toggler-icon { filter: invert(1); }
html[data-theme="light"] .nav-link:hover,
html[data-theme="light"] .nav-link.active { background: rgba(79, 70, 229, 0.08); color: var(--primary-color) !important; }

/* Textos */
html[data-theme="light"] .text-muted { color: var(--text-muted) !important; }
html[data-theme="light"] .text-white:not(.badge):not(.btn):not(.bg-primary *):not(.bg-info *):not(.bg-secondary *) { color: var(--text-primary) !important; }
html[data-theme="light"] .text-light { color: var(--text-secondary) !important; }
html[data-theme="light"] .text-warning { color: #b45309 !important; }
html[data-theme="light"] .text-info { color: #0369a1 !important; }
html[data-theme="light"] .text-success { color: #15803d !important; }
html[data-theme="light"] h1, html[data-theme="light"] h2, html[data-theme="light"] h3,
html[data-theme="light"] h4, html[data-theme="light"] h5, html[data-theme="light"] h6 { color: var(--text-primary); }

/* Fundos fixos escuros */
html[data-theme="light"] .bg-dark { background-color: #e2e8f0 !important; color: var(--text-primary); }
html[data-theme="light"] .footer.bg-dark { background: #ffffff !important; border-top: 1px solid var(--border-color); }
html[data-theme="light"] .footer, html[data-theme="light"] .footer a { color: var(--text-secondary) !important; }

/* Cabecalho da pagina inicial */
html[data-theme="light"] .hero-section {
    background: linear-gradient(135deg, #eef2ff 0%, #e0e7ff 55%, #f5f3ff 100%) !important;
    border: 1px solid #c7d2fe;
}
html[data-theme="light"] .hero-section h1 { color: #1e1b4b; }
html[data-theme="light"] .hero-section p { color: #3730a3; }

/* Tabelas */
html[data-theme="light"] .table thead th { background: #f1f5f9; color: #475569; }
html[data-theme="light"] .table tbody tr:hover td { background: #f8fafc; }
html[data-theme="light"] .table-striped > tbody > tr:nth-of-type(odd) > * { background: #fafbfd; }

/* Formularios e menus */
html[data-theme="light"] .form-control,
html[data-theme="light"] .form-select {
    background: #ffffff;
    color: var(--text-primary);
    border-color: var(--border-color);
}
html[data-theme="light"] .form-control::placeholder { color: #94a3b8; }
html[data-theme="light"] .dropdown-menu { box-shadow: var(--box-shadow-lg); }
html[data-theme="light"] .btn-outline-light { color: var(--text-secondary); border-color: var(--border-color); }
html[data-theme="light"] .btn-outline-light:hover { background: var(--bg-card-hover); color: var(--text-primary); }
html[data-theme="light"] .btn-outline-secondary { color: #475569; border-color: #cbd5e1; }

/* Badges translucidos ficam mais fortes no claro */
html[data-theme="light"] .badge.bg-secondary { background-color: #64748b !important; }

/* Linhas alternadas das tabelas (no escuro usam um azul-marinho translucido) */
html[data-theme="light"] .table-striped > tbody > tr:nth-of-type(odd) > *,
html[data-theme="light"] .table-striped tbody tr:nth-of-type(odd) td {
    background-color: #f7f9fc !important;
    --bs-table-bg-type: transparent;
}
html[data-theme="light"] .table-striped tbody tr:nth-of-type(odd):hover td,
html[data-theme="light"] .table tbody tr:hover td {
    background-color: #eef2ff !important;
}

/* Circulo "VS" */
html[data-theme="light"] .vs-circle,
html[data-theme="light"] .match-vs,
html[data-theme="light"] .vs-badge {
    background: #ffffff !important;
    color: #4338ca !important;
}