/* Shared dark palette for the main site. Documentation under /doc/ uses Starlight's
   native theme switch, which reads the same `theme-toggle` preference. */
:root[data-site-theme="dark"] {
  color-scheme: dark;
  --text: #eceef0;
  --muted: #b1b5bb;
  --line: rgba(226, 228, 232, 0.15);
  --paper: #141619;
  --menu: #141619;
  --menu-text: #eceef0;
  background: #090a0c;
}

:root[data-site-theme="dark"] body {
  background: #090a0c;
  color: #eceef0;
}

.theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 36px;
  min-height: 36px;
  border: 1px solid currentColor;
  border-radius: 999px;
  padding: 0 10px;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
}

.theme-toggle svg { flex: 0 0 16px; }
:root[data-site-theme="light"] .theme-toggle__sun,
:root[data-site-theme="dark"] .theme-toggle__moon { display: none; }

.theme-toggle:focus-visible {
  outline: 2px solid #b6c6e6;
  outline-offset: 3px;
}

.home-page .theme-toggle {
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  border: 1px solid rgba(32, 34, 36, 0.16) !important;
  background: #fff !important;
  color: var(--mv-ink) !important;
  font-family: var(--mv-font);
}

.home-page .theme-toggle [data-theme-toggle-label] { display: none; }
.home-page .theme-toggle:hover { color: var(--mv-blue) !important; }

:root[data-site-theme="dark"] .home-page {
  --mv-ink: #f2f2f0;
  --mv-text: #e0e1e3;
  --mv-muted: #b2b5ba;
  --mv-soft: #858b93;
  --mv-line: rgba(226, 228, 232, 0.14);
  --mv-blue: #b6c6e6;
  --mv-blue-bright: #d0dcf2;
  --mv-amber: #e7bc7d;
  --mv-surface: #141619;
  --mv-surface-soft: #202328;
  background: #090a0c !important;
  color: var(--mv-text);
}

:root[data-site-theme="dark"] .home-page .home-main {
  background: #090a0c !important;
}

:root[data-site-theme="dark"] .community-page .header-utility-button[data-header-community][aria-current="page"] {
  border-color: #48515d !important;
  background: #2a2e35 !important;
  color: var(--mv-ink) !important;
}

:root[data-site-theme="dark"] .community-page .community-channel__mark {
  background: #262b32;
  color: #dce4ee;
}

:root[data-site-theme="dark"] .community-page .community-channel__status {
  border-color: #424a55;
  background: #22272e;
  color: #cbd2dc;
}

:root[data-site-theme="dark"] .home-page .home-hero-carousel-arrow {
  border-color: var(--mv-line);
  background: #202328;
  color: var(--mv-ink);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
}

:root[data-site-theme="dark"] .home-page .home-hero-carousel-arrow:hover,
:root[data-site-theme="dark"] .home-page .home-hero-carousel-arrow:focus-visible {
  border-color: #8e9eba;
  background: #2a2d33;
}

:root[data-site-theme="dark"] .home-page .site-header {
  border-color: var(--mv-line);
  background: rgba(20, 22, 25, 0.96);
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.38);
}

:root[data-site-theme="dark"] .home-page .brand-wordmark-primary {
  background: linear-gradient(118deg, #f5f5f3, #dedfdf 58%, #b6c6e6);
  -webkit-background-clip: text;
  background-clip: text;
}

:root[data-site-theme="dark"] .home-page .brand-wordmark-secondary {
  color: #aeb1b7;
}

:root[data-site-theme="dark"] .home-page :is(.global-search-toggle, .header-utility-button, .language-toggle, .menu-toggle, .auth-user-button, .theme-toggle) {
  border-color: var(--mv-line) !important;
  background: #202328 !important;
  color: var(--mv-ink) !important;
}

:root[data-site-theme="dark"] .home-page :is(.global-search-toggle, .header-utility-button, .language-toggle, .menu-toggle, .auth-user-button, .theme-toggle):hover,
:root[data-site-theme="dark"] .home-page :is(.global-search-toggle, .header-utility-button, .language-toggle, .menu-toggle, .auth-user-button, .theme-toggle):focus-visible {
  border-color: #b6c6e6 !important;
  background: #2a2d33 !important;
  color: #e2e8f5 !important;
}

:root[data-site-theme="dark"] .home-page .language-toggle span:not(.is-active) {
  color: var(--mv-soft);
}

/* Keep photography and video untouched; recolor their surrounding surfaces. */
:root[data-site-theme="dark"] .home-page :is(
  .home-intro-section, .home-dataset-showcase, .home-comparison,
  .home-metrics-comparison, .home-top-models, .home-leaderboard-section,
  .home-paper, .home-news, .home-feed, .home-citations, .home-ack,
  .home-posts, .home-signals, .home-footer
) {
  background: #090a0c !important;
  color: var(--mv-text);
}

:root[data-site-theme="dark"] .home-page :is(
  .home-leaderboard-panel, .home-leaderboard-track, .home-leaderboard-embed,
  .home-leaderboard-toolbar, .home-leaderboard-badges span,
  .home-dataset-board__frame, .home-dataset-showcase__tabs,
  .home-comparison-table tbody th, .home-comparison-table tbody td,
  .home-metrics-comparison__card, .home-top-models__panel,
  .home-paper__card, .home-news__item, .home-citations__card,
  .home-post, .home-feed__item
) {
  border-color: var(--mv-line);
  background: var(--mv-surface) !important;
  color: var(--mv-text);
}

:root[data-site-theme="dark"] .home-page :is(
  .home-leaderboard-track:hover, .home-comparison-table tbody tr:hover th,
  .home-comparison-table tbody tr:hover td, .home-dataset-showcase__tab.is-active
) {
  background: var(--mv-surface-soft) !important;
}

:root[data-site-theme="dark"] .home-page .home-comparison-table thead tr:nth-child(2) th {
  background: #292c31;
  color: #e9eaec;
}

:root[data-site-theme="dark"] .home-page .home-dataset-board__frame img {
  background: #fff;
}

:root[data-site-theme="dark"] .home-page .home-below-hero-actions a:not(.home-primary-action) {
  border-color: var(--mv-line) !important;
  background: #202328 !important;
  color: var(--mv-ink) !important;
}

:root[data-site-theme="dark"] .home-page .home-below-hero-actions a:not(.home-primary-action):hover,
:root[data-site-theme="dark"] .home-page .home-below-hero-actions a:not(.home-primary-action):focus-visible {
  border-color: #8e9eba !important;
  background: #2a2d33 !important;
}

:root[data-site-theme="dark"] .home-page :is(
  .home-comparison-table-wrap, .home-comparison-table,
  .home-metrics-comparison__dimension-tabs,
  .home-top-models__table
) {
  border-color: var(--mv-line);
  background: #141619;
  color: var(--mv-text);
}

:root[data-site-theme="dark"] .home-page .home-comparison-table :is(th, td) {
  border-color: var(--mv-line);
  color: var(--mv-text);
}

:root[data-site-theme="dark"] .home-page .home-comparison-table thead tr:first-child th,
:root[data-site-theme="dark"] .home-page .home-comparison-table thead tr:nth-child(2) th,
:root[data-site-theme="dark"] .home-page .home-comparison-table__group--coverage {
  border-color: var(--mv-line);
  background: #202328 !important;
  color: #e0e1e3;
}

:root[data-site-theme="dark"] .home-page .home-comparison-table tbody tr:nth-child(even) :is(th, td) {
  background: #191b1e !important;
}

:root[data-site-theme="dark"] .home-page .home-comparison-table tbody tr:hover :is(th, td) {
  background: #25282d !important;
}

:root[data-site-theme="dark"] .home-page .home-comparison-table__row--ours :is(th, td),
:root[data-site-theme="dark"] .home-page .home-comparison-table__row--ours:hover :is(th, td) {
  background: #202936 !important;
}

:root[data-site-theme="dark"] .home-page :is(
  .home-comparison-table__benchmark a,
  .home-comparison-table__protocol strong,
  .home-comparison-table__scale strong,
  .home-comparison-table__row--ours .home-comparison-table__benchmark a
) {
  color: #e0e1e3;
}

:root[data-site-theme="dark"] .home-page :is(
  .home-comparison-table__protocol span,
  .home-comparison-table__scale span,
  .home-comparison-table__io,
  .home-comparison__legend-list > span
) {
  color: var(--mv-muted);
}

:root[data-site-theme="dark"] .home-page :is(
  .home-metrics-comparison__dimension-tab,
  .home-metrics-comparison__metric-link,
  .home-metrics-comparison__case-arrow,
  .home-top-models__suite
) {
  border-color: var(--mv-line);
  background: #202328;
  color: var(--mv-text);
}

:root[data-site-theme="dark"] .home-page :is(
  .home-metrics-comparison__dimension-tab,
  .home-metrics-comparison__metric-link,
  .home-metrics-comparison__case-arrow,
  .home-top-models__suite
):hover {
  border-color: #8e9eba;
  background: #2a2d33;
  color: #f2f2f0;
}

:root[data-site-theme="dark"] .home-page :is(
  .home-metrics-comparison__dimension-tab.is-active,
  .home-metrics-comparison__metric-link.is-active,
  .home-top-models__suite.is-active
) {
  border-color: #667b9f;
  background: #252b38;
  color: #d7e0f0;
}

:root[data-site-theme="dark"] .home-page :is(
  .home-metrics-comparison__dimension-tab > span,
  .home-metrics-comparison__dimension-tab small,
  .home-metrics-comparison__case-head small
) {
  color: var(--mv-muted);
}

:root[data-site-theme="dark"] .home-page :is(
  .home-metrics-comparison__case-context,
  .home-metrics-comparison__frame,
  .home-metrics-comparison__frame img,
  .home-metrics-comparison__frame video,
  .home-metrics-comparison__placeholder
) {
  border-color: var(--mv-line);
  background: #202328;
  color: var(--mv-text);
}

:root[data-site-theme="dark"] .home-page .home-metrics-comparison__case-context p {
  color: var(--mv-muted);
}

:root[data-site-theme="dark"] .home-page .home-metrics-comparison__case .home-metrics-comparison__case-head {
  border: 0;
  background: transparent;
  box-shadow: none;
  color: #f2f2f0;
}

:root[data-site-theme="dark"] .home-page .home-metrics-comparison__case-head > span {
  background: rgba(18, 20, 24, 0.78);
  color: #f4f5f6;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.28);
}

:root[data-site-theme="dark"] .home-page .home-metrics-comparison__case-head strong {
  background: #303338;
  color: #e0e1e3;
}

:root[data-site-theme="dark"] .home-page .home-metrics-comparison__case--higher .home-metrics-comparison__case-head strong {
  background: #173b2c;
  color: #a0e6c2;
}

:root[data-site-theme="dark"] .home-page .home-metrics-comparison__case--lower .home-metrics-comparison__case-head strong {
  background: #3d2929;
  color: #f1b4af;
}

:root[data-site-theme="dark"] .home-page .home-top-models__table tbody tr:hover :is(th, td) {
  background: #25282d;
}

:root[data-site-theme="dark"] .home-page .home-top-models__table :is(th, td) {
  border-color: var(--mv-line);
}

:root[data-site-theme="dark"] .home-page .home-top-models__table :is(th.is-active, td.is-active) {
  background: #252b38;
  color: #d7e0f0;
}

:root[data-site-theme="dark"] .home-page :is(.home-intro-lede, .home-comparison__body, .home-dataset-showcase__body) {
  color: var(--mv-muted);
}

:root[data-site-theme="dark"] .leaderboard-page .leaderboard-ascent__scene {
  border-color: var(--mv-line);
  background: #1b1d21;
}

:root[data-site-theme="dark"] .leaderboard-page .leaderboard-ascent__link {
  stroke: rgba(220, 223, 228, 0.5);
}

:root[data-site-theme="dark"] .leaderboard-page .leaderboard-table__model-spec {
  border-color: #27694b;
  background: #173b2c;
  color: #a0e6c2;
}

:root[data-site-theme="dark"] .leaderboard-page .leaderboard-table__model-spec.is-unknown {
  border-color: var(--mv-line);
  background: #282b2f;
  color: var(--mv-muted);
}

:root[data-site-theme="dark"] .leaderboard-page .leaderboard-table__model-spec--mode.is-3d {
  border-color: #75582f;
  background: #3d3021;
  color: #f2d29c;
}

:root[data-site-theme="dark"] .leaderboard-page .leaderboard-table__model-spec--input {
  border-color: #4a4d52;
  background: #282b2f;
  color: #d0d2d5;
}

:root[data-site-theme="dark"] .leaderboard-page .leaderboard-table__model-spec--parameters {
  border-color: #5a4874;
  background: #322a40;
  color: #dac6f7;
}

:root[data-site-theme="dark"] .leaderboard-page .leaderboard-table__filter.is-active {
  border-color: #27694b;
  background: #173b2c;
  color: #a0e6c2;
}

:root[data-site-theme="dark"] .leaderboard-page .leaderboard-table__filter:hover,
:root[data-site-theme="dark"] .leaderboard-page .leaderboard-table__filter:focus-visible {
  border-color: #478f69;
}

:root[data-site-theme="dark"] .leaderboard-page .leaderboard-table__model-source.is-open_source {
  color: #a0e6c2;
}

:root[data-site-theme="dark"] .leaderboard-page .leaderboard-table__model-source.is-web,
:root[data-site-theme="dark"] .leaderboard-page .leaderboard-table__model-source.is-unreleased {
  color: #f2d29c;
}

:root[data-site-theme="dark"] .leaderboard-page .leaderboard-table__team-icon-slot {
  background: #fff;
}

:root[data-site-theme="dark"] .leaderboard-page .leaderboard-model-info {
  border-color: var(--mv-line);
  background: #141619;
  box-shadow: 0 18px 38px -26px rgba(0, 0, 0, 0.7);
}

:root[data-site-theme="dark"] .leaderboard-page .leaderboard-model-info__table thead th,
:root[data-site-theme="dark"] .leaderboard-page .leaderboard-model-info__count,
:root[data-site-theme="dark"] .leaderboard-page .leaderboard-model-info__input {
  background: #202328;
}

:root[data-site-theme="dark"] .leaderboard-page .leaderboard-model-info__table thead th.is-output,
:root[data-site-theme="dark"] .leaderboard-page .leaderboard-model-info__table thead th.leaderboard-model-info__group--output {
  background: #243044;
  color: #d7e3f7;
}

:root[data-site-theme="dark"] .leaderboard-page .leaderboard-model-info__table tbody th.leaderboard-model-info__rank,
:root[data-site-theme="dark"] .leaderboard-page .leaderboard-model-info__table tbody th.leaderboard-model-info__model {
  background: #141619;
}

:root[data-site-theme="dark"] .leaderboard-page .leaderboard-model-info__table tbody tr:nth-child(even) td,
:root[data-site-theme="dark"] .leaderboard-page .leaderboard-model-info__table tbody tr:nth-child(even) th.leaderboard-model-info__rank,
:root[data-site-theme="dark"] .leaderboard-page .leaderboard-model-info__table tbody tr:nth-child(even) th.leaderboard-model-info__model {
  background: #191b1e;
}

:root[data-site-theme="dark"] .leaderboard-page .leaderboard-model-info__table td.is-output {
  background: #1a2230;
}

:root[data-site-theme="dark"] .leaderboard-page .leaderboard-model-info__table tbody tr:nth-child(even) td.is-output {
  background: #1e2633;
}

:root[data-site-theme="dark"] .leaderboard-page .leaderboard-model-info__table tbody tr:hover td,
:root[data-site-theme="dark"] .leaderboard-page .leaderboard-model-info__table tbody tr:hover td.is-output,
:root[data-site-theme="dark"] .leaderboard-page .leaderboard-model-info__table tbody tr:hover th.leaderboard-model-info__rank,
:root[data-site-theme="dark"] .leaderboard-page .leaderboard-model-info__table tbody tr:hover th.leaderboard-model-info__model {
  background: #25282d;
}

:root[data-site-theme="dark"] .leaderboard-page .leaderboard-model-info__mode {
  border-color: #4c5b74;
  background: #252b38;
  color: #d7e0f0;
}

:root[data-site-theme="dark"] .leaderboard-page .leaderboard-model-info__mode.is-unknown {
  border-color: var(--mv-line);
  background: #202328;
  color: var(--mv-muted);
}

html[data-site-theme="dark"]:has(body.home-page.arena-page),
:root[data-site-theme="dark"] .home-page.arena-page {
  background: #090a0c !important;
}

:root[data-site-theme="dark"] .home-page.arena-page {
  --arena-ink: #f2f2f0;
  --arena-muted: #b2b5ba;
  --arena-line: rgba(226, 228, 232, 0.14);
  --arena-surface: #1a1c20;
  color: #e0e1e3;
}

:root[data-site-theme="dark"] .home-page.arena-page :is(
  .arena-stage, .arena-console, .arena-worktop, .arena-reveal-panel,
  .arena-previous-panel, .arena-battle-card, .arena-model-card,
  .arena-result-card, .arena-controls, .arena-vote-panel,
  .arena-metrics, .arena-stat-card
) {
  border-color: var(--mv-line);
  background-color: var(--mv-surface) !important;
  color: var(--mv-text);
}

:root[data-site-theme="dark"] .home-page.arena-page :is(input, select, textarea) {
  border-color: var(--mv-line);
  background: #202328;
  color: var(--mv-ink);
}

:root[data-site-theme="dark"] .home-page :is(.home-search, .home-search-results) {
  border-color: var(--mv-line);
  background: #141619;
  color: var(--mv-text);
}

:root[data-site-theme="dark"] .home-page .home-search input {
  background: #202328;
  color: var(--mv-ink);
}

:root[data-site-theme="dark"] .home-page .home-search-result:hover,
:root[data-site-theme="dark"] .home-page .home-search-result:focus-visible {
  background: #25282d;
}

:root[data-site-theme="dark"] .home-page.arena-page :is(
  .arena-battle-context-copy, .arena-reveal-card, .arena-lb-empty,
  .arena-elo-table-wrap, .arena-human-leaderboard ol li
) {
  border-color: var(--mv-line);
  background: #141619;
  color: var(--mv-text);
}

:root[data-site-theme="dark"] .home-page.arena-page :is(
  .arena-video-controls button, .arena-playback-toolbar button,
  .arena-video-state button, .arena-new-battle, .arena-prefer-button,
  .arena-leaderboard-dimension-field select,
  .arena-leaderboard-meta button[data-arena-leaderboard-refresh],
  .arena-lb-empty-visual, .arena-lb-steps li,
  .arena-mobile-vote-bar button
) {
  border-color: var(--mv-line);
  background: #202328;
  color: var(--mv-ink);
}

:root[data-site-theme="dark"] .home-page.arena-page :is(
  .arena-video-controls button, .arena-playback-toolbar button,
  .arena-new-battle, .arena-prefer-button,
  .arena-mobile-vote-bar button
):hover:not(:disabled) {
  border-color: #8e9eba;
  background: #2a2d33;
}

:root[data-site-theme="dark"] .home-page.arena-page .arena-likert-button-compact {
  border-color: var(--mv-line) !important;
  background: #202328 !important;
  color: var(--mv-ink) !important;
}

:root[data-site-theme="dark"] .home-page.arena-page .arena-likert-button-compact:hover:not(:disabled) {
  border-color: #8e9eba !important;
  background: #2a2d33 !important;
}

:root[data-site-theme="dark"] .home-page.arena-page .arena-likert-button-compact.is-active {
  border-color: #aebfdf !important;
  background: #36445e !important;
  color: #f5f7fc !important;
}

:root[data-site-theme="dark"] .home-page.arena-page .arena-prefer-button kbd,
:root[data-site-theme="dark"] .home-page.arena-page .arena-keyboard-hint kbd,
:root[data-site-theme="dark"] .home-page.arena-page .arena-lb-steps li::before {
  border-color: var(--mv-line);
  background: #303338;
  color: #d1d2d4;
}

:root[data-site-theme="dark"] .home-page.arena-page .arena-keyboard-hint li {
  color: var(--mv-muted);
}

:root[data-site-theme="dark"] .home-page.arena-page .arena-auth-notice {
  border-color: #75582f;
  background: #302619;
  color: #f2d29c;
}

:root[data-site-theme="dark"] .home-page.arena-page :is(
  .arena-human-leaderboard-head, .arena-elo-table thead th
) {
  border-color: var(--mv-line);
  background: #202328;
  color: var(--mv-muted);
}

:root[data-site-theme="dark"] .home-page.arena-page :is(
  .arena-human-leaderboard ol li:hover, .arena-elo-table tbody tr:hover,
  .arena-elo-table tbody tr.is-battle-model
) {
  background: #25282d;
}

:root[data-site-theme="dark"] .home-page.arena-page :is(
  .arena-elo-table th, .arena-elo-table td
) {
  border-color: var(--mv-line);
}

:root[data-site-theme="dark"] .home-page.arena-page :is(
  .arena-vote-status, .arena-human-empty, .arena-human-hint,
  .arena-elo-range, .arena-elo-creator, .arena-human-leaderboard-head span,
  .arena-page__eyebrow, .arena-leaderboard-dimension-field span
) {
  color: var(--mv-muted);
}

:root[data-site-theme="dark"] .home-page.arena-page .arena-mobile-vote-bar {
  border-color: var(--mv-line);
  background: rgba(20, 22, 25, 0.97);
  box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.34);
}

:root[data-site-theme="dark"] .home-page.arena-page .arena-mobile-vote-bar [data-arena-mobile-auth] {
  background: #252b38;
  color: #d7e0f0;
}

:root[data-site-theme="dark"] .home-page.arena-page .arena-preview {
  background: #101216;
}

:root[data-site-theme="dark"] .home-page.arena-page .arena-model-name strong {
  color: var(--mv-ink);
}

:root[data-site-theme="dark"] .home-page.arena-page .arena-model-name span {
  color: var(--mv-muted);
}

:root[data-site-theme="dark"] .home-page.arena-page .arena-auth-notice p,
:root[data-site-theme="dark"] .home-page.arena-page .arena-battle-context-kicker,
:root[data-site-theme="dark"] .home-page.arena-page .arena-battle-context-kicker em {
  color: inherit;
}

:root[data-site-theme="dark"] .home-page.arena-page .arena-auth-notice button {
  border-color: #b68a50;
  background: #5a4127;
  color: #fff4e4;
}

:root[data-site-theme="dark"] .home-page.arena-page .arena-lb-stats > div {
  border-color: var(--mv-line);
  background: #202328;
}

:root[data-site-theme="dark"] .home-page.arena-page :is(
  .arena-lb-stats dt, .arena-leaderboard-meta, .arena-lb-updated
) {
  color: var(--mv-muted);
}

:root[data-site-theme="dark"] .home-page.arena-page .arena-elo-rank {
  background: #303338;
  color: #d1d2d4;
}

:root[data-site-theme="dark"] .home-page.arena-page .arena-elo-rank.is-gold {
  background: #42331d;
  color: #f2d29c;
}

:root[data-site-theme="dark"] .home-page.arena-page .arena-elo-rank.is-silver {
  background: #303338;
  color: #d1d2d4;
}

:root[data-site-theme="dark"] .home-page.arena-page .arena-elo-rank.is-bronze {
  background: #3b2b22;
  color: #e6bba2;
}

:root[data-site-theme="dark"] .archive-page {
  --dataset-ink: #eceef0;
  --dataset-muted: #b2b5ba;
  --dataset-line: rgba(226, 228, 232, 0.14);
  color: #eceef0;
}

:root[data-site-theme="dark"] .archive-page .site-header,
:root[data-site-theme="dark"] .archive-page .site-header a,
:root[data-site-theme="dark"] .archive-page .site-header button {
  color: #eceef0;
}

:root[data-site-theme="dark"] .archive-page .brand-wordmark-primary {
  background: linear-gradient(118deg, #f5f5f3, #dedfdf 58%, #b6c6e6);
  -webkit-background-clip: text;
  background-clip: text;
}

:root[data-site-theme="dark"] .archive-page .brand-wordmark-secondary {
  color: #b2b5ba;
}

:root[data-site-theme="dark"] .archive-page :is(
  .header-utility-button, .language-toggle, .theme-toggle,
  .dataset-panel-toggle, .dataset-panel-summary, .dataset-panel-toggle-icon,
  .detail-panel
) {
  border-color: rgba(226, 228, 232, 0.16);
  background: rgba(31, 34, 38, 0.96);
  color: #eceef0;
}

:root[data-site-theme="dark"] .archive-page :is(
  .header-utility-button, .language-toggle, .theme-toggle,
  .dataset-panel-toggle
):hover {
  background: #2a2d33;
}

:root[data-site-theme="dark"] .archive-page .dataset-panel-toggle-icon::before {
  border-color: #d1d2d4;
}

:root[data-site-theme="dark"] .archive-page .dataset-section-label {
  color: #a4a7ac;
}

:root[data-site-theme="dark"] .archive-page .bottom-utility button,
:root[data-site-theme="dark"] .archive-page .music-toggle.is-muted {
  color: #d1d2d4;
}

:root[data-site-theme="dark"] .archive-page .info-panel {
  background: linear-gradient(rgba(9, 10, 12, 0.88), #090a0c);
}

:root[data-site-theme="dark"] .archive-page .archive-scene {
  background:
    radial-gradient(ellipse at 50% 48%, rgba(102, 104, 108, 0.15), transparent 58%),
    linear-gradient(180deg, #0d0e10, #1b1d20 48%, #090a0c);
}

:root[data-site-theme="dark"] .archive-page :is(.dataset-panel, .search-panel, .info-panel) {
  color: #eceef0;
  border-color: rgba(226, 228, 232, 0.16);
  background: rgba(20, 22, 25, 0.97);
}

:root[data-site-theme="dark"] .archive-page .dataset-panel {
  --dataset-ink: #eceef0;
  --dataset-muted: #b2b5ba;
  --dataset-line: rgba(226, 228, 232, 0.14);
  --dataset-fill: rgba(31, 34, 38, 0.88);
  --dataset-active: #eceef0;
  box-shadow: 0 20px 55px rgba(0, 0, 0, 0.45);
}

:root[data-site-theme="dark"] .archive-page :is(.dataset-filters button, .dataset-panel-modes button, .dataset-tag-chip, .dataset-search, .dataset-load-more, .dataset-panel-actions button) {
  border-color: var(--dataset-line);
  background: #202328;
  color: var(--dataset-ink);
}

:root[data-site-theme="dark"] .archive-page :is(.dataset-filters button, .dataset-panel-modes button, .dataset-tag-chip).is-active,
:root[data-site-theme="dark"] .archive-page :is(.dataset-filters button, .dataset-panel-modes button).is-active:hover {
  border-color: #737981;
  background: #35393f;
  color: #f2f2f0;
}

:root[data-site-theme="dark"] .archive-page .dataset-section--rail .dataset-filters button.is-active span {
  background: rgba(255, 255, 255, 0.16);
  color: #f2f2f0;
}

:root[data-site-theme="dark"] .archive-page :is(.dataset-filters button, .dataset-panel-modes button):hover:not(.is-active) {
  background: #2b2e33;
  color: #f2f2f0;
}

:root[data-site-theme="dark"] .archive-page :is(.dataset-search input, .archive-search-input input, .menu-search input) {
  background: #202328;
  color: #eceef0;
}

:root[data-site-theme="dark"] .archive-page .tag-cloud-label {
  color: rgba(230, 231, 233, 0.68);
}

:root[data-site-theme="dark"] .archive-page .tag-cloud-label:hover {
  color: #f2f2f0;
}

:root[data-site-theme="dark"] .archive-page .intro-curtain {
  background: radial-gradient(circle at 50% 52%, rgba(85, 92, 103, 0.2), transparent 36%), rgba(9, 10, 12, 0.94);
}

:root[data-site-theme="dark"] .archive-page .intro-curtain > span {
  color: #b2b5ba;
}

:root[data-site-theme="dark"] :is(.site-modal-panel, .auth-user-menu) {
  border-color: rgba(226, 228, 232, 0.16);
  background: #1a1c20;
  color: #eceef0;
}

:root[data-site-theme="dark"] :is(.site-modal-panel header h2, .site-modal-panel label span, .auth-user-menu p, .auth-more-providers summary) {
  color: #eceef0;
}

:root[data-site-theme="dark"] :is(.site-modal-panel input, .site-modal-panel select, .site-modal-panel textarea, .auth-provider-button, .site-modal-panel button[type="submit"], .auth-guest-form button, .auth-user-menu button) {
  border-color: rgba(226, 228, 232, 0.16);
  background: #26292e;
  color: #eceef0;
}

:root[data-site-theme="dark"] :is(.site-modal-panel header p, .auth-guest-hint, .auth-privacy-note) {
  color: #b2b5ba;
}

:root[data-site-theme="dark"] .auth-dismiss-button {
  color: #b2b5ba;
}

:root[data-site-theme="dark"] .auth-dismiss-button:hover {
  background: #2a2d33;
  color: #f2f2f0;
}

/* Legacy SPA documentation routes; /doc/ uses native Starlight light/dark CSS. */
:root[data-site-theme="light"] .doc-page.doc-page--starlight {
  --sl-color-text: #273448;
  --sl-color-muted: #64748b;
  --sl-color-bg: #ffffff;
  --sl-color-bg-nav: #f8fafc;
  --sl-color-bg-sidebar: #f8fafc;
  --sl-color-hairline: #e2e8f0;
  --sl-color-hairline-light: #e2e8f0;
  --sl-color-gray-5: #e2e8f0;
  --sl-color-gray-6: #f1f5f9;
  --sl-color-accent-high: #2459bb;
  color-scheme: light;
}