/* ==========================================================================
   Maps Pin Colours — Era tokens from variables.css
   Never relied on alone (WCAG); labels and tooltips are the primary signal.
   ========================================================================== */

/* Default pin (no era or unrecognised era) */
.map-pin {
    background: var(--accent);
}

.map-pin:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

/* ── Era‑coloured pins ──────────────────────────────────────────────────── */

.map-pin.era--pre-incarnation {
    background: var(--era-pre-incarnation);
}
.map-pin.era--old-testament {
    background: var(--era-old-testament);
}
.map-pin.era--early-life {
    background: var(--era-early-life);
}
.map-pin.era--life {
    background: var(--era-life);
}
.map-pin.era--galilee-ministry {
    background: var(--era-galilee-ministry);
}
.map-pin.era--judean-ministry {
    background: var(--era-judean-ministry);
}
.map-pin.era--passion-week {
    background: var(--era-passion-week);
}
.map-pin.era--post-passion {
    background: var(--era-post-passion);
}

/* ── Category overrides ─────────────────────────────────────────────────────
   Must come after era rules (CSS-5). Mirrors timeline-dots.css: people and
   places share the "roundel" style — white fill, black ring. */

.map-pin.dot-cat--place,
.map-pin.dot-cat--person {
    background: var(--color-white);
    border-color: var(--color-black);
}
.map-pin.dot-cat--object {
    background: var(--text-muted);
}