/* Mega AI Hub: the homepage demo palette, on the existing public templates. */
body.magazine,
body.magazine.catalog-light {
  --paper: #fff;
  --ink: #171921;
  --muted: #505a72;
  --soft: #f0f3fc;
  --line: #dce0e8;
  --blue: #244be8;
  --red: var(--blue);
  --dark: var(--ink);
  --lime: #e1e8ff;
  --selected: #e1e8ff;
  --browse-accent: var(--blue);
  --browse-soft: var(--soft);
  --palette-nav: #f8f9fc;
  --palette-control: #8996b3;
  --palette-hover: #183cc0;
  background-color: var(--paper);
  color: var(--ink);
}

body.magazine :focus-visible { outline-color: var(--blue); }
body.magazine ::selection { background-color: #dce5ff; color: var(--ink); }
body.magazine .catalog-announcement { background-color: var(--soft); color: var(--ink); border-color: var(--line); }
body.magazine .catalog-ambition { color: var(--muted); }
body.magazine .site-header { background-color: var(--paper); border-color: var(--line); }
body.magazine .site-header .header-search { border-color: var(--palette-control); }

body.magazine :is(.format-nav, .format-menu) {
  background-color: var(--palette-nav);
  color: var(--ink);
  border-color: var(--line);
}
body.magazine .format-nav a,
body.magazine .format-nav a:first-child,
body.magazine .format-menu[open] summary,
body.magazine .format-menu nav a,
body.magazine .format-menu nav a:nth-child(odd) {
  color: var(--ink);
  border-color: var(--line);
}
body.magazine .format-menu nav a.unfilled { color: var(--ink); }
body.magazine :is(.format-nav, .format-menu) a:is(.current, :hover) {
  background-color: var(--selected);
  color: var(--blue);
}
body.magazine :is(.format-nav-count, .format-menu summary span) { color: var(--muted); }
body.magazine .models-nav { background-color: var(--paper); }
body.magazine .models-nav a[aria-current="page"] { color: var(--blue); border-color: var(--blue); }

body.magazine .site-footer { background-color: var(--palette-nav); color: var(--ink); }
body.magazine .site-footer image { filter: none; }
body.magazine .site-footer :is(.footer-formats, .footer-link-groups) { border-color: var(--line); }
body.magazine .site-footer :is(.footer-formats a, .footer-link-group h2) { color: var(--ink); }
body.magazine .site-footer :is(.footer-pages a, .footer-link-group a, .footer-content p, .footer-content small) { color: var(--muted); }
body.magazine .site-footer :is(a:hover, a:focus-visible, .footer-formats a.current) { color: var(--blue); }

body.magazine .sidebar { background-color: var(--palette-nav); }
body.magazine .source-metrics { background-color: var(--paper); }

body.magazine .home-index {
  --home-light: var(--paper);
  --home-dark: var(--soft);
  --home-red: var(--blue);
  --home-line: var(--line);
  color: var(--ink);
}
.home-index :is(.entry-action, .task-list, .query-line input, .search-results, .mode-tabs button) { color: var(--ink); }
.home-index .query-line input::placeholder,
.home-index :is(.asof, .task-list-head, .browse-toolbar p, .search-results small, .detail-heading p, .path-list small, .real-examples > p, .real-examples li > small),
.home-index-model-list span { color: var(--muted); }
.home-index :is(.entry, .browse-toolbar, .mode-tabs, .mode-tabs button + button, .task-list-head, .task-switch, .detail-heading, .detail-heading > a, .related-roles),
.home-index .path-list li:nth-child(-n+2) a,
.home-index-models,
.home-index-model-list,
.home-index-model-list > a,
.home-index-model-list > a:nth-child(n+3) { border-color: var(--line); }
.home-index :is(.query-line, .search-results) { border-color: var(--palette-control); }
.home-index .query-line input:focus-visible { outline-color: var(--blue); }
.home-index .query-line button:hover { background-color: var(--palette-hover); }
.home-index :is(.browse-toolbar, .mode-tabs button:hover:not([aria-selected="true"])),
.home-index-models { background-color: var(--palette-nav); }
.home-index .mode-tabs button[aria-selected="true"] { background-color: var(--blue); color: var(--paper); }
.home-index :is(.task-switch:hover, .task-switch.selected, .search-results a:hover, .search-results a[aria-selected="true"]) {
  background-color: var(--selected);
  color: var(--blue);
}

body.magazine main.model-portal {
  --portal-paper: var(--soft);
  --portal-navy: var(--ink);
  --portal-rule: var(--line);
}
body.magazine .model-portal :is(.model-portal-search button, .model-advanced-search button, .model-advanced-search .button) {
  background-color: var(--blue);
  border-color: var(--blue);
  color: var(--paper);
}
body.magazine .model-portal :is(.model-portal-search button, .model-advanced-search button, .model-advanced-search .button):hover {
  background-color: var(--palette-hover);
}
body.magazine .model-portal :is(.model-atlas-heading, .model-portal-guides > div) { background-color: var(--portal-paper); }
body.magazine .model-portal :is(.model-atlas-heading, .model-portal-guides > div) h2 { color: var(--portal-navy); }
body.magazine .model-portal :is(.model-atlas-heading, .model-portal-guides > div) p { color: var(--muted); }
body.magazine .model-portal .model-ranking-tabs a[aria-selected="true"] { color: var(--blue); border-color: var(--blue); }
body.magazine .model-portal :is(.model-portal-featured, .model-portal-guides) a > svg { color: var(--blue); }
body.magazine .model-portal input[type="range"] { accent-color: var(--blue); }
body.magazine .model-portal :is(a, input, button, select, summary):focus-visible { outline-color: var(--blue); }
body.magazine .reference-page.model-guide {
  --guide-ink: var(--ink);
  --guide-rule: var(--line);
  --guide-paper: var(--soft);
}