/* Hub and game landing surfaces. Play boards do not load this file.
   Brand chrome (topbar, footer, banners, play buttons) stays as designed. */

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

html[data-theme="dark"] body {
  background: #0b1220;
  color: #e2e8f0;
}

html[data-theme="dark"] .hint,
html[data-theme="dark"] .note,
html[data-theme="dark"] .today-summary,
html[data-theme="dark"] .today-empty,
html[data-theme="dark"] .stats-empty,
html[data-theme="dark"] .stats-grid__label,
html[data-theme="dark"] .stats-grid__detail,
html[data-theme="dark"] .weekly-summary,
html[data-theme="dark"] .weekly-empty,
html[data-theme="dark"] .weekly-cabinet__hint,
html[data-theme="dark"] .demo-lead,
html[data-theme="dark"] .patrons-list .tier {
  color: #94a3b8;
}

html[data-theme="dark"] .flash.error,
html[data-theme="dark"] .error-banner {
  background: #450a0a;
  color: #fecaca;
  border-color: #7f1d1d;
}

html[data-theme="dark"] .flash.info {
  background: #172554;
  color: #dbeafe;
}

html[data-theme="dark"] input[type="text"],
html[data-theme="dark"] input[type="password"],
html[data-theme="dark"] input[type="email"],
html[data-theme="dark"] input[type="search"],
html[data-theme="dark"] textarea,
html[data-theme="dark"] select {
  background: #0f172a;
  color: #f8fafc;
  border-color: #475569;
}

html[data-theme="dark"] .card,
html[data-theme="dark"] .game-card,
html[data-theme="dark"] .stats-card,
html[data-theme="dark"] .today-table-wrap,
html[data-theme="dark"] .demo-table-wrap,
html[data-theme="dark"] .hub-share,
html[data-theme="dark"] .weekly-award,
html[data-theme="dark"] .weekly-game,
html[data-theme="dark"] .weekly-cabinet__trophy {
  background: #1e293b;
  border-color: #334155;
  color: #e2e8f0;
  box-shadow: none;
}

html[data-theme="dark"] .card h2,
html[data-theme="dark"] .card h3,
html[data-theme="dark"] .stats-card h2,
html[data-theme="dark"] .stats-grid__value,
html[data-theme="dark"] .stats-section__title,
html[data-theme="dark"] .stats-breakdown h4,
html[data-theme="dark"] .game-card__title,
html[data-theme="dark"] .today-rank,
html[data-theme="dark"] .hub-share .hub-share__preview,
html[data-theme="dark"] [class*="-cal__title"] {
  color: #f8fafc;
}

html[data-theme="dark"] .game-card__description,
html[data-theme="dark"] .hub-share .hub-share__label {
  color: #cbd5e1;
}

html[data-theme="dark"] .weekly-award h2,
html[data-theme="dark"] .weekly-award h3,
html[data-theme="dark"] .weekly-game h2,
html[data-theme="dark"] .weekly-award__description,
html[data-theme="dark"] .weekly-cabinet__lookup label {
  color: #94a3b8;
}

html[data-theme="dark"] .weekly-award__name,
html[data-theme="dark"] .weekly-cabinet__player,
html[data-theme="dark"] .weekly-cabinet__label {
  color: #f8fafc;
}

html[data-theme="dark"] .weekly-award--empty .weekly-award__name,
html[data-theme="dark"] .weekly-game--empty .weekly-award__name {
  color: #94a3b8;
}

html[data-theme="dark"] .weekly-cabinet {
  border-top-color: #334155;
}

html[data-theme="dark"] .weekly-cabinet__error {
  color: #fca5a5;
}

html[data-theme="dark"] .game-card__screenshot {
  background: #0f172a;
  border-bottom-color: #334155;
}

html[data-theme="dark"] .game-card:hover {
  border-color: #475569;
}

html[data-theme="dark"] .account-section + .account-section,
html[data-theme="dark"] .patrons-list li,
html[data-theme="dark"] .patrons-support,
html[data-theme="dark"] .stats-section + .stats-section,
html[data-theme="dark"] .patron-puzzles-list li {
  border-color: #334155;
}

html[data-theme="dark"] .today-table th,
html[data-theme="dark"] .today-table td,
html[data-theme="dark"] th,
html[data-theme="dark"] td {
  border-bottom-color: #334155;
}

html[data-theme="dark"] .today-table th,
html[data-theme="dark"] th {
  background: #0f172a;
  color: #94a3b8;
}

html[data-theme="dark"] .today-table tr.is-done {
  background: #052e16;
}

html[data-theme="dark"] .today-table tr.is-missing {
  background: #0f172a;
  color: #94a3b8;
}

html[data-theme="dark"] .today-status--done { color: #4ade80; }
html[data-theme="dark"] .today-status--open { color: #fbbf24; }
html[data-theme="dark"] .today-status--na { color: #64748b; }

html[data-theme="dark"] .card--notice {
  background: #422006;
  border-left-color: #f59e0b;
}

html[data-theme="dark"] .card--notice h2 {
  color: #fde68a;
}

html[data-theme="dark"] .game-landing-nav {
  background: #0f172a;
  border-bottom-color: #334155;
}

html[data-theme="dark"] .game-landing-nav__link {
  color: #94a3b8;
}

html[data-theme="dark"] .game-landing-nav__link:hover,
html[data-theme="dark"] .game-landing-nav__link.is-active {
  color: #f8fafc;
}

html[data-theme="dark"] [class*="-cal__nav"],
html[data-theme="dark"] .toolbar-day-nav a {
  background: #334155;
  color: #f8fafc;
}

html[data-theme="dark"] [class*="-cal__nav"]:hover,
html[data-theme="dark"] .toolbar-day-nav a:hover {
  background: #475569;
}

html[data-theme="dark"] [class*="-cal__weekday"],
html[data-theme="dark"] .toolbar-day-nav span.disabled {
  color: #94a3b8;
}

html[data-theme="dark"] [class*="-cal__cell--disabled"] {
  background: #0f172a;
  color: #64748b;
}

html[data-theme="dark"] [class*="-cal__cell--playable"]:not([class*="-cal__cell--selected"]) {
  background: #1e293b;
  color: #e2e8f0;
}

html[data-theme="dark"] [class*="-cal__cell--playable"]:not([class*="-cal__cell--selected"]):hover {
  background: #334155;
  color: #f8fafc;
}

html[data-theme="dark"] [class*="-cal__cell--today"]:not([class*="-cal__cell--selected"]) {
  outline-color: #94a3b8;
}
