/** The approved Habs palette: a red ticker, slate Game Hub and navy canvas. */
body.habs-design-2026 {
  --hh-palette-navy: #0a1828;
  --hh-palette-slate: #14283d;
  --hh-palette-panel: #0f2134;
  --hh-palette-red: #c8102e;
  --hh-palette-red-hover: #a80e27;
  --hh-palette-text: #f4f6f8;
  --hh-palette-muted: #bbc7d4;
  --hh-palette-divider: #2b455d;
  --hh-palette-control-line: #61768b;
  --hh-palette-ticker-muted: #ffedf0;

  --hh-polish-bg: var(--hh-palette-navy);
  --hh-polish-panel: var(--hh-palette-panel);
  --hh-polish-line: var(--hh-palette-divider);
  --hh-polish-text: var(--hh-palette-text);
  --hh-polish-muted: var(--hh-palette-muted);
  --hh-polish-red: var(--hh-palette-red);
  --hh-polish-red-hover: var(--hh-palette-red-hover);
  --hh-polish-ticker-muted: var(--hh-palette-ticker-muted);

  background: var(--hh-polish-bg) !important;
  color: var(--hh-polish-text);
}

body.habs-design-2026 :is(.site, .content-bg),
body.habs-design-2026 #masthead,
body.habs-design-2026 #masthead .site-header-row-container-inner {
  background: var(--hh-polish-bg) !important;
}
body.habs-design-2026 #masthead .site-title .hh-brand-hockey {
  color: var(--hh-polish-red) !important;
}

/* Keep the scrolling scores distinct from the navy date toolbar and page. */
body.habs-design-2026.habs-has-league-scoreboard #masthead .habs-league-scoreboard-slot .habs-league-scoreboard,
body.habs-design-2026 .habs-league-scoreboard-viewport {
  background: var(--hh-polish-red);
}
body.habs-design-2026.habs-has-league-scoreboard #masthead .habs-league-scoreboard-slot .habs-league-scoreboard-label {
  background: var(--hh-polish-bg);
  border-bottom-color: var(--hh-polish-line);
}
body.habs-design-2026.habs-has-league-scoreboard #masthead .habs-league-scoreboard-slot .habs-league-scroll {
  background: var(--hh-polish-red);
  color: var(--hh-polish-text);
}
body.habs-design-2026.habs-has-league-scoreboard #masthead .habs-league-scoreboard-slot .habs-league-scroll:hover:not(:disabled) {
  background: var(--hh-polish-red-hover);
}
body.habs-design-2026.habs-has-league-scoreboard #masthead .habs-league-scoreboard-slot {
  border-bottom-color: var(--hh-polish-red);
}
body.habs-design-2026 #masthead .habs-league-scoreboard-slot .habs-league-scoreboard-label > .hh-scores-label,
body.habs-design-2026 #masthead .hh-score-dates :is(.hh-score-date-picker, button),
body.habs-design-2026 #masthead .habs-league-scoreboard-label .hh-scores-today,
body.habs-design-2026 .habs-league-game-team :is(b, strong) {
  color: var(--hh-polish-text);
}
body.habs-design-2026 .habs-league-scoreboard .habs-league-game-status {
  color: var(--hh-polish-ticker-muted);
}
body.habs-design-2026 .habs-league-scoreboard .habs-league-game.is-live .habs-league-game-status {
  color: var(--hh-polish-text);
}
body.habs-design-2026 .habs-league-scoreboard-empty strong {
  color: var(--hh-polish-text);
}
body.habs-design-2026 .habs-league-scoreboard-empty small {
  color: var(--hh-polish-ticker-muted);
}

/* Give the continuous red strip a little depth; every matchup stays unboxed. */
body.habs-design-2026 .habs-league-scoreboard-viewport {
  background-color: var(--hh-polish-red);
  background-image: linear-gradient(180deg, #d01535 0%, var(--hh-polish-red) 52%, #b5102a 100%);
  box-shadow: inset 0 1px rgb(255 255 255 / 16%), inset 0 -1px rgb(54 0 13 / 24%);
}
body.habs-design-2026.habs-has-league-scoreboard #masthead .habs-league-scoreboard-slot .habs-league-scroll {
  background: transparent;
}
body.habs-design-2026.habs-has-league-scoreboard #masthead .habs-league-scoreboard-slot .habs-league-scroll:hover:not(:disabled) {
  background: rgb(54 0 13 / 10%);
}
body.habs-design-2026 #masthead .habs-league-scroll > span {
  border-color: rgb(255 255 255 / 36%);
  background: rgb(54 0 13 / 15%);
  box-shadow: inset 0 1px rgb(255 255 255 / 10%), 0 1px 2px rgb(54 0 13 / 12%);
}
body.habs-design-2026 .habs-league-game-team :is(b, strong) {
  text-shadow: 0 1px 1px rgb(54 0 13 / 18%);
}

/* The same red accents on a quieter slate matchup surface. */
body.habs-design-2026 .habs-live-data.habs-scoreboard .hh-compact-hub .hh-mini-game {
  background: var(--hh-palette-slate);
  color: var(--hh-polish-text);
  border-bottom-color: var(--hh-polish-red);
  box-shadow: 0 3px var(--hh-polish-text), 0 6px var(--hh-polish-line);
}
body.habs-design-2026 .habs-live-data.habs-scoreboard .hh-compact-hub .hh-mini-toolbar h2 {
  border-left-color: var(--hh-polish-red);
  color: var(--hh-polish-text);
}
body.habs-design-2026 .habs-live-data.habs-scoreboard .hh-compact-hub .hh-mini-slider .hh-mini-navigation button {
  background: var(--hh-polish-panel);
  border-color: var(--hh-palette-control-line);
  color: var(--hh-polish-text);
}
body.habs-design-2026 .habs-live-data.habs-scoreboard .hh-compact-hub .hh-mini-slider .hh-mini-navigation button:hover:not(:disabled) {
  background: var(--hh-polish-line);
}
body.habs-design-2026 .habs-live-data.habs-scoreboard .hh-compact-hub .hh-team-prestats {
  border-color: var(--hh-palette-control-line);
}
body.habs-design-2026 .habs-live-data.habs-scoreboard .hh-compact-hub .hh-mini-date,
body.habs-design-2026 .habs-live-data.habs-scoreboard .hh-compact-hub .hh-mini-date > span:last-child,
body.habs-design-2026 .habs-live-data.habs-scoreboard .hh-compact-hub .hh-mini-meta,
body.habs-design-2026 .habs-live-data.habs-scoreboard .hh-compact-hub .hh-matchup-record-note,
body.habs-design-2026 .habs-live-data.habs-scoreboard .hh-compact-hub .hh-presentation-timezone {
  color: var(--hh-polish-muted);
}
body.habs-design-2026 .habs-live-data.habs-scoreboard .hh-compact-hub .hh-form-number > strong {
  color: var(--hh-polish-text);
}
body.habs-design-2026 .habs-live-data.habs-scoreboard .hh-compact-hub .hh-mini-status > span:not(.hh-score-checking) {
  background: var(--hh-polish-text);
  color: var(--hh-palette-slate);
}
body.habs-design-2026 .habs-live-data.habs-scoreboard .hh-compact-hub .hh-hub-toggle {
  background: var(--hh-polish-red);
  border-color: var(--hh-polish-red);
  color: #fff;
}
body.habs-design-2026 .habs-live-data.habs-scoreboard .hh-compact-hub .hh-hub-toggle:hover {
  background: var(--hh-polish-red-hover);
  border-color: var(--hh-polish-red-hover);
  color: #fff;
}

/* A clear neutral focus colour remains visible on red and navy surfaces. */
body.habs-design-2026 #masthead :is(a, button):focus-visible,
body.habs-design-2026 .habs-live-data.habs-scoreboard .hh-compact-hub :is(a, button, summary):focus-visible {
  outline-color: var(--hh-polish-text);
}