/* Map the legacy page tokens used by the public-page markup to the shared theme tokens. */
:root {
  --canvas: var(--theme-canvas);
  --surface: var(--theme-surface);
  --ink: var(--theme-ink);
  --muted: var(--theme-muted);
  --line: var(--theme-line);
  --brand-dark: var(--theme-link, #006d52);
}

:root[data-theme="dark"] {
  --brand-dark: #8fe0b6;
}

.public-shell,
.map-shell,
.public-shell h1,
.public-shell h2,
.public-shell h3,
.map-shell h1,
.map-shell h2,
.map-shell h3 {
  color: var(--theme-ink) !important;
}

.public-lede,
.public-section p,
.map-intro p,
.milestone p,
.public-note,
.map-footer {
  color: var(--theme-muted) !important;
}

.feature,
.public-aside,
.milestone,
.map-legend {
  background: var(--theme-surface) !important;
  border-color: var(--theme-line) !important;
}

.map-legend {
  color: var(--theme-muted) !important;
}

.page-footer .footer-content h2,
.page-footer .footer-content p,
.page-footer .footer-content a,
.page-footer .footer-copyright {
  color: #f1f5f3 !important;
}