/* ═══════════════════════════════════════════════════════════════ WNBA LIGHT THEME Only activates under [data-theme="light"] on . ════════════════════════════════════════════════════════════════ */ [data-theme="light"] { --bg: #f5f3f0; --surface: #ffffff; --surface2:#ede9e4; --border: #d0cbc4; --text: #1a1208; --muted: #1a1208; --radius: 6px; } /* ── Text overrides ── */ [data-theme="light"] h1 { color: var(--accent) !important; } [data-theme="light"] h2 { color: #1a1208 !important; } [data-theme="light"] h3 { color: #1a1208 !important; } [data-theme="light"] strong { color: #1a1208 !important; } [data-theme="light"] .top-bar-brand { color: var(--accent); } [data-theme="light"] .top-bar-brand:hover { color: var(--accent2); } [data-theme="light"] .site-header h1 { color: var(--accent) !important; } [data-theme="light"] .nav-btn { color: #1a1208; } [data-theme="light"] .nav-btn:hover, [data-theme="light"] .nav-btn.active { color: var(--accent); } [data-theme="light"] .modal h2 { color: #1a1208; } [data-theme="light"] .modal .close-btn:hover { color: #1a1208; } [data-theme="light"] .key-abbr { color: #1a1208; } [data-theme="light"] .player-name { color: #1a1208; } [data-theme="light"] .card-player-name { color: #1a1208; } [data-theme="light"] .pr-name { color: #1a1208; } [data-theme="light"] .site-footer a:hover { color: var(--accent); } [data-theme="light"] #players-table a { color: #1a1208 !important; } /* ── Table text ── */ [data-theme="light"] .dt tbody td.num { color: #1a1208; } [data-theme="light"] .dt tbody td.name { color: #1a1208; } [data-theme="light"] .dt thead th { color: #1a1208; } [data-theme="light"] .data-table thead th { color: #1a1208; } [data-theme="light"] .data-table td { color: #1a1208; } [data-theme="light"] table.flat th { color: #1a1208; } [data-theme="light"] table.flat th:hover { color: var(--accent); } [data-theme="light"] table.flat th.sorted { color: var(--accent); } [data-theme="light"] table.flat td { color: #1a1208; } [data-theme="light"] table.picks-table th { color: #1a1208; } [data-theme="light"] .matchup-table th { color: #1a1208; } [data-theme="light"] .rank-num { color: #1a1208; } [data-theme="light"] .at { color: #888; } [data-theme="light"] .empty-dash { color: #aaa; } [data-theme="light"] .h2h-val { color: #1a1208 !important; } [data-theme="light"] .h2h-col { color: #1a1208; } [data-theme="light"] .prev-matchup-header { color: #1a1208; } /* ── Section labels ── */ [data-theme="light"] .sl { color: #1a1208; background: rgba(232,93,4,0.1); } [data-theme="light"] .sl .sl-sub { color: #1a1208; } /* ── Tabs ── */ [data-theme="light"] .stab { color: #1a1208; border-color: var(--border); } [data-theme="light"] .stab:hover { color: var(--accent); border-color: var(--accent); } [data-theme="light"] .stab.active { background: var(--accent); color: #fff; border-color: var(--accent); } [data-theme="light"] .stab-dd-item { color: #1a1208; } [data-theme="light"] .stab-dd-item:hover { color: var(--accent); } [data-theme="light"] .stab-dd-item.active { background: var(--accent); color: #fff; } /* ── Hover rows ── */ [data-theme="light"] .data-table tbody tr:hover td { background: rgba(0,0,0,.04); } [data-theme="light"] .matchup-table tr:hover td { background: rgba(0,0,0,.04); } [data-theme="light"] table.flat tr:hover td { background: rgba(0,0,0,.04); } [data-theme="light"] table.picks-table tr:hover td { background: rgba(0,0,0,.04); } [data-theme="light"] .dt tbody tr:hover td { background: rgba(0,0,0,.04); } /* ── Backgrounds ── */ [data-theme="light"] .at-divider { background: var(--surface2); color: #1a1208; } [data-theme="light"] .tip-sep { background: var(--surface2); color: #1a1208; } [data-theme="light"] .matchup-table tr.team-header-row td { color: #1a1208; } [data-theme="light"] .matchup-table tr.team-header-row td.at-hd { background: var(--surface2); color: #1a1208; } [data-theme="light"] .card-at { background: var(--surface2); color: #1a1208; } /* ── Auth buttons ── */ [data-theme="light"] .top-bar-ms-login { border-color: rgba(0,0,0,.4); color: #1a1208; } [data-theme="light"] .top-bar-ms-signup { border-color: var(--accent); color: var(--accent); }