/* map.css — map surface styling (W2). Token-driven with legacy fallbacks so
   pages that don't load tokens.css render exactly as before. */
#map-container { background: var(--mc-primary-soft, #0b1017); }

.country-border-dark  { stroke: var(--mc-hairline, #374151); }
.country-border-light { stroke: var(--mc-surface, #ffffff44); }
.admin1-border-active { stroke: var(--mc-hairline, #374151); }

/* Tooltip card */
#map-tooltip {
  background: var(--mc-surface, #0f1620);
  color: var(--mc-ink, #daeaf8);
  border: 1px solid var(--mc-hairline, #1e2a38);
  border-radius: var(--mc-radius-sm, 6px);
  box-shadow: var(--mc-shadow-2, 0 8px 24px rgba(0,0,0,.4));
  padding: 8px 10px; font: 500 12px var(--mc-font-sans, sans-serif);
}
.tt-state { color: var(--mc-ink, #fff); font-weight: 600; }

/* Legend bands inherit the active overlay's --mc-tier-* tokens inline. */

/* Progressive country/state labels. Theme-aware (tokens) with halo via
   paint-order:stroke (set in JS). JS also sets presentation-attr fallbacks so
   labels stay legible on pages that don't load this stylesheet. */
.map-label {
  fill: var(--mc-ink, #e6eef7);
  stroke: var(--mc-bg, #0b1017);
  stroke-width: 0.5px;
  font-family: var(--mc-font-sans, sans-serif);
  font-weight: 500;
  user-select: none;
}