/* Night-mode palette variants (dark theme only). One-line switch: data-night on <html> in index.html. */
html[data-theme="dark"][data-night="a"] { /* Near-black */
  --bg: #0A0B0E; --bg-elevated: #121418; --bg-soft: #1A1D23; --canvas: #08090B; --sidebar: #0D0F12;
  --ink: #E6E9EF; --ink-muted: #A9B0BD; --ink-faint: #808896;
  --line: #23262D; --line-strong: #343842; --switch-off: #343842;
  --primary: #2563EB; --primary-dark: #1D4ED8; --primary-soft: rgba(96,165,250, 0.16); --primary-ring: rgba(59, 130, 246, 0.28);
  --accent-ink: #93C5FD; --win: #93C5FD; --win-soft: rgba(96,165,250, 0.14); --loss: #F87171; --coral: #F87171; --loss-soft: rgba(248, 113, 113, 0.14);
  --chart-up: #60A5FA; --chart-down: #F87171; --pending: #FBBF24; --amber: #FBBF24;
  --hero-from: #14171C; --hero-to: #171C25;
  --nav-bg: #0A0B0EF0; --sheet-bg: #121418; --popup-bg: #16191E; --popup-ink: #E6E9EF; --popup-line: #23262D;
  --toast-bg: #16191E; --toast-ink: #E6E9EF; --toast-line: #343842; --toast-info-bg: #16191E; --toast-info-ink: #E6E9EF; --toast-info-line: #343842;
  --chip-bg: rgba(96,165,250, 0.16); --chip-ink: #BFDBFE;
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 8px 24px rgba(0, 0, 0, 0.35);
}
html[data-theme="dark"][data-night="b"] { /* Deep muted navy */
  --bg: #0B1220; --bg-elevated: #111A2B; --bg-soft: #17223A; --canvas: #0A101C; --sidebar: #0D1526;
  --ink: #E6E9EF; --ink-muted: #A8B3C7; --ink-faint: #7F8BA0;
  --line: #1F2B40; --line-strong: #2C3A55; --switch-off: #2C3A55;
  --primary: #2563EB; --primary-dark: #1D4ED8; --primary-soft: rgba(96,165,250, 0.16); --primary-ring: rgba(59, 130, 246, 0.28);
  --accent-ink: #93C5FD; --win: #93C5FD; --win-soft: rgba(96,165,250, 0.14); --loss: #F87171; --coral: #F87171; --loss-soft: rgba(248, 113, 113, 0.14);
  --chart-up: #60A5FA; --chart-down: #F87171; --pending: #FBBF24; --amber: #FBBF24;
  --hero-from: #121C2E; --hero-to: #16233D;
  --nav-bg: #0B1220F0; --sheet-bg: #111A2B; --popup-bg: #152036; --popup-ink: #E6E9EF; --popup-line: #1F2B40;
  --toast-bg: #152036; --toast-ink: #E6E9EF; --toast-line: #2C3A55; --toast-info-bg: #152036; --toast-info-ink: #E6E9EF; --toast-info-line: #2C3A55;
  --chip-bg: rgba(96,165,250, 0.16); --chip-ink: #BFDBFE;
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 8px 24px rgba(0, 0, 0, 0.35);
}
html[data-theme="dark"][data-night="c"] { /* Charcoal-blue */
  --bg: #0E1116; --bg-elevated: #151A22; --bg-soft: #1C222D; --canvas: #0B0E12; --sidebar: #11151B;
  --ink: #E6E9EF; --ink-muted: #AAB2C0; --ink-faint: #818A99;
  --line: #252C38; --line-strong: #353E4D; --switch-off: #353E4D;
  --primary: #2563EB; --primary-dark: #1D4ED8; --primary-soft: rgba(96,165,250, 0.16); --primary-ring: rgba(59, 130, 246, 0.28);
  --accent-ink: #93C5FD; --win: #93C5FD; --win-soft: rgba(96,165,250, 0.14); --loss: #F87171; --coral: #F87171; --loss-soft: rgba(248, 113, 113, 0.14);
  --chart-up: #60A5FA; --chart-down: #F87171; --pending: #FBBF24; --amber: #FBBF24;
  --hero-from: #171C25; --hero-to: #1A2232;
  --nav-bg: #0E1116F0; --sheet-bg: #151A22; --popup-bg: #19202A; --popup-ink: #E6E9EF; --popup-line: #252C38;
  --toast-bg: #19202A; --toast-ink: #E6E9EF; --toast-line: #353E4D; --toast-info-bg: #19202A; --toast-info-ink: #E6E9EF; --toast-info-line: #353E4D;
  --chip-bg: rgba(96,165,250, 0.16); --chip-ink: #BFDBFE;
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 8px 24px rgba(0, 0, 0, 0.35);
}
/* Chips: light text on a low-alpha blue chip (was dark blue on blue). */
html[data-theme="dark"][data-night] .cz-game, html[data-theme="dark"][data-night] .cz-pill.open, html[data-theme="dark"][data-night] .cz-seg button.on,
html[data-theme="dark"][data-night] .cz-chip.on, html[data-theme="dark"][data-night] .cz-count, html[data-theme="dark"][data-night] .cz-sec-head em,
html[data-theme="dark"][data-night] .sb-res.sb-win, html[data-theme="dark"][data-night] .gd-pill.is-final { background: var(--chip-bg); color: var(--chip-ink); }
html[data-theme="dark"][data-night] #view-casinos, html[data-theme="dark"][data-night] #view-sportsbook { --cz-pos: var(--accent-ink); --sb-pos: var(--accent-ink); }
html[data-theme="dark"][data-night] .cz-table th { background: var(--bg-soft); color: var(--ink-muted); }
html[data-theme="dark"][data-night] .cz-kpi, html[data-theme="dark"][data-night] .cz-stat { background: var(--bg-elevated); }
html[data-theme="dark"][data-night] .cz-line { stroke: var(--accent-ink); }

/* Blue text: --primary (#2563EB) is a fill color; as text on near-black it is 3.6:1. Use the light accent. */
html[data-theme="dark"][data-night] .brand-lockup .eyebrow,
html[data-theme="dark"][data-night] .link-btn:hover,
html[data-theme="dark"][data-night] .bet-row.is-board-link .bet-meta.is-board-link,
html[data-theme="dark"][data-night] .bet-row.is-board-link .tag-pill.tag-sky.is-board-link,
html[data-theme="dark"][data-night] .bet-row.is-board-link .bet-pnl.is-board-link,
html[data-theme="dark"][data-night] .tag-quick-chip:hover,
html[data-theme="dark"][data-night] .empty-mark,
html[data-theme="dark"][data-night] .sb-card.is-live .sb-situation,
html[data-theme="dark"][data-night] .sb-card.is-pre .sb-state,
html[data-theme="dark"][data-night] .sb-card.is-live .sb-status,
html[data-theme="dark"][data-night] .tag.ev-tag,
html[data-theme="dark"][data-night] .tag.clv-tag,
html[data-theme="dark"][data-night] .game-detail-kicker,
html[data-theme="dark"][data-night] .gd-pill.is-final,
html[data-theme="dark"][data-night] .gd-score,
html[data-theme="dark"][data-night] .gd-lines td.is-win,
html[data-theme="dark"][data-night] .gd-slip-team,
html[data-theme="dark"][data-night] .cal-month-kicker,
html[data-theme="dark"][data-night] .cal-weekdays span.is-today,
html[data-theme="dark"][data-night] .cal-today-mark,
html[data-theme="dark"][data-night] .cal-day-kicker,
html[data-theme="dark"][data-night] .receipt-team.is-ahead .receipt-pts,
html[data-theme="dark"][data-night] .receipt-lines .is-decider,
html[data-theme="dark"][data-night] .toast.info .toast-x:hover,
html[data-theme="dark"][data-night] .info-dot,
html[data-theme="dark"][data-night] .vigstamp-widget-brand,
html[data-theme="dark"][data-night] .vigstamp-widget-upload,
html[data-theme="dark"][data-night] .vigstamp-widget-upload:hover,
html[data-theme="dark"][data-night] .vigstamp-widget-report:hover,
html[data-theme="dark"][data-night] .vigstamp-fab,
html[data-theme="dark"][data-night] .side-nav .nav-item.active,
html[data-theme="dark"][data-night] .landing-support a:hover,
html[data-theme="dark"][data-night] .settings-support a:hover,
html[data-theme="dark"][data-night] .arb-realized,
html[data-theme="dark"][data-night] .stat-pill-info:hover,
html[data-theme="dark"][data-night] .et-big,
html[data-theme="dark"][data-night] .et-caret,
html[data-theme="dark"][data-night] .et-pos,
html[data-theme="dark"][data-night] .cz-count,
html[data-theme="dark"][data-night] .cz-seg button.on,
html[data-theme="dark"][data-night] .cz-pill.open,
html[data-theme="dark"][data-night] .cz-game,
html[data-theme="dark"][data-night] .cz-sec-head em,
html[data-theme="dark"][data-night] .cz-chip.on,
html[data-theme="dark"][data-night] .cz-ibtn.recv,
html[data-theme="dark"][data-night] .sb-res.sb-win { color: var(--accent-ink); }
html[data-theme="dark"][data-night] .side-nav .nav-item.active { background: var(--chip-bg); color: var(--chip-ink); }
html[data-theme="dark"][data-night] .empty-state { background: var(--bg-elevated); border-color: var(--line-strong); }
html[data-theme="dark"][data-night] .odds-converter .oc-chips button.is-on { background: #2563EB; border-color: #2563EB; color: #fff; }
html[data-theme="dark"][data-night] .odds-converter .oc-chips button:not(.is-on) { color: var(--ink); }
html[data-theme="dark"][data-night] .personal-tile .k, html[data-theme="dark"][data-night] .personal-foot .k { color: var(--ink-muted); }
html[data-theme="dark"][data-night="a"] .odds-converter { --oc-bg: #121418; --oc-ink: #E6E9EF; --oc-muted: #A9B0BD; --oc-faint: #808896; --oc-line: #23262D; --oc-accent: #93C5FD; --oc-chip: #1A1D23; --oc-chip-ink: #BFDBFE; --oc-step: #1A1D23; }
/* Retone fixed navy surfaces from the old dark theme to A. */
html[data-theme="dark"][data-night="a"] .clv-panel, html[data-theme="dark"][data-night="a"] .profit-chart-card, html[data-theme="dark"][data-night="a"] .personal-stats { background: #121418; border-color: #23262D; }
html[data-theme="dark"][data-night="a"] .clv-figure { border-color: #23262D; }
html[data-theme="dark"][data-night="a"] .clv-split, html[data-theme="dark"][data-night="a"] .personal-hero, html[data-theme="dark"][data-night="a"] .personal-tile, html[data-theme="dark"][data-night="a"] .personal-foot { background: #16181D; border-color: #23262D; }
html[data-theme="dark"][data-night="a"] .graph-filter-btn, html[data-theme="dark"][data-night="a"] .graph-filter-panel, html[data-theme="dark"][data-night="a"] .expected-card { background: #1A1D23; border-color: #2B2F37; }
html[data-theme="dark"][data-night="a"] .toast { --toast-line: #343842; }
html[data-theme="dark"][data-night="a"] .toast.ok { --toast-ok-bg: #1D4ED8; }
html[data-theme="dark"][data-night="a"] .toast.info { --toast-info-bg: #16191E; --toast-info-line: #343842; }
html[data-theme="dark"][data-night="a"] .toast.info .toast-x:hover { background-color: #23262D; }
html[data-theme="dark"][data-night="a"] .notice-card, html[data-theme="dark"][data-night="a"] .auth-card, html[data-theme="dark"][data-night="a"] .game-detail-panel { --popup-bg: #16191E; --popup-line: #23262D; }
html[data-theme="dark"][data-night="a"] .sheet-panel { --sheet-bg: #121418; --popup-line: #23262D; }
html[data-theme="dark"][data-night="a"] .notice-actions .btn-secondary, html[data-theme="dark"][data-night="a"] .sheet-panel .btn-secondary, html[data-theme="dark"][data-night="a"] .auth-card .btn-secondary,
html[data-theme="dark"][data-night="a"] .sheet-panel input, html[data-theme="dark"][data-night="a"] .sheet-panel select, html[data-theme="dark"][data-night="a"] .sheet-panel textarea { background-color: #0E1013; border-color: #343842; }
html[data-theme="dark"][data-night] .sb-statepick select { color: var(--accent-ink); background-color: var(--win-soft); box-shadow: inset 0 0 0 1px rgba(147, 197, 253, 0.35); }
html[data-theme="dark"][data-night] .sb-geo { color: var(--accent-ink); background: var(--win-soft); box-shadow: inset 0 0 0 1px rgba(147, 197, 253, 0.35); }