/* Warm cream, tea brown and tapioca accents. Keep warning/award colors distinct. */
html[data-theme="milk-tea"] {
  color-scheme: light;
  --tea-surface: #fbf5eb;
  --tea-card: #f3e7d5;
  --tea-text: #2e241c;
  --tea-muted: #594b3f;
  --tea-accent: #633913;
  --tea-border: #d8c5ae;
  --site-weight-body: 400;
  background: var(--tea-surface);
}

html[data-theme="milk-tea"] body {
  background: var(--tea-surface);
  color: var(--tea-text);
  font-weight: var(--site-weight-body);
}

html[data-theme="milk-tea"] :is(.introduction, .collaborators, .publications, .softwares, #content) {
  color: var(--tea-text);
}

html[data-theme="milk-tea"] a,
html[data-theme="milk-tea"] a:hover,
html[data-theme="milk-tea"] .header .nav a,
html[data-theme="milk-tea"] .header .nav a:hover,
html[data-theme="milk-tea"] .header .nav a:visited,
html[data-theme="milk-tea"] .header .nav a:active {
  color: var(--tea-accent) !important;
}

html[data-theme="milk-tea"] :is(h1, h2, h3, h4, h5, h6),
html[data-theme="milk-tea"] #resources .resource-post :is(.resource-page-title, .post-content h1, .post-content h2, .post-content h3, .post-content h4) {
  color: var(--tea-text);
}

html[data-theme="milk-tea"] .site-content .section-category,
html[data-theme="milk-tea"] .introduction div.year.software-category-title,
html[data-theme="milk-tea"] .past-members > summary,
html[data-theme="milk-tea"] .section-nav-row > :is(a, span),
html[data-theme="milk-tea"] .header .site-affilation nav :is(.social-icon-svg, .social-icon-img) {
  color: var(--tea-accent);
}

html[data-theme="milk-tea"] :is(.footer, .footer .visitor-count, .contributor-note, .code_blog, .section-body .resource-list-date),
html[data-theme="milk-tea"] #resources .resource-post :is(.resource-page-subtitle, .resource-date) {
  color: var(--tea-muted);
}

html[data-theme="milk-tea"] :is(.footer, .site-navigation, .past-members) {
  border-color: var(--tea-border);
}

html[data-theme="milk-tea"] .footer-credits > span + span::before {
  color: var(--tea-muted);
}

html[data-theme="milk-tea"] .theme-toggle {
  background: var(--tea-surface);
  color: var(--tea-accent);
  border-color: var(--tea-border);
}

html[data-theme="milk-tea"] .theme-toggle:hover {
  background: var(--tea-card);
}

html[data-theme="milk-tea"] :is(.theme-toggle:focus, .site-tab:focus-visible, .site-panel:focus-visible) {
  outline-color: var(--tea-accent);
}

html[data-theme="milk-tea"] blockquote {
  color: var(--tea-muted);
  border-color: var(--tea-accent);
}

html[data-theme="milk-tea"] ::selection {
  background: #dec4a6;
  color: #362519;
}

html[data-theme="milk-tea"] .post-content pre,
html[data-theme="milk-tea"] .highlight pre {
  background-color: var(--tea-card) !important;
  border-color: var(--tea-border) !important;
  color: var(--tea-text);
}

html[data-theme="milk-tea"] .post-content p code {
  background-color: var(--tea-card) !important;
  color: var(--tea-text) !important;
}

/* Match the muted-note rule's specificity so the disclaimer stays distinct. */
html[data-theme="milk-tea"] .contributor-note.contributor-note--resource {
  color: #9b1527;
  font-weight: 400;
}
html[data-theme="milk-tea"] .home-intro .intro-news > h2 { color: #1b7449; }
html[data-theme="milk-tea"] .section-body .award-link {
  color: #ed1b2f !important;
  background: var(--tea-surface);
  border-color: var(--tea-border);
}

html[data-theme="milk-tea"] .resource-page {
  --toc-surface: var(--tea-surface);
  --toc-border: var(--tea-border);
  --toc-text: var(--tea-text);
  --toc-accent: var(--tea-accent);
  --toc-selected: var(--tea-card);
}

html[data-theme="milk-tea"] .footer .visitor-map {
  background: var(--tea-surface);
  border-color: var(--tea-border);
  color: var(--tea-muted);
}

html[data-theme="milk-tea"] .footer .visitor-map-world {
  background: radial-gradient(ellipse at 45% 35%, #fbf5eb, #f0e1ca);
}
html[data-theme="milk-tea"] .visitor-map-grid { stroke: #ccb796; }
html[data-theme="milk-tea"] .visitor-map-land { fill: #c0a580; stroke: #fbf5eb; }
html[data-theme="milk-tea"] .visitor-map-point { fill: #7f243d; stroke: #fff9f0; }
html[data-theme="milk-tea"] .visitor-map-point:hover,
html[data-theme="milk-tea"] .visitor-map-point:focus { fill: #471329; stroke: #fff; }
html[data-theme="milk-tea"] .visitor-map-details > summary { color: var(--tea-accent); }
html[data-theme="milk-tea"] .visitor-map-details > summary:focus-visible { outline-color: var(--tea-accent); }