/* Slot Canyon Atlas tokens (Tailwind via CDN does most layout; this is canyon-paper accents). */
:root {
  --paper: #1c1410;
  --rust: #a64a26;
  --sand: #c4946c;
  --bone: #f1e7d6;
  --moss: #5a6440;
}

.font-serif { font-family: "IBM Plex Serif", Georgia, "Times New Roman", serif; }

.atlas-pin {
  width: 16px;
  height: 16px;
  border-radius: 50% 50% 50% 0;
  border: 2px solid #1c1410;
  transform: rotate(-45deg);
  box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
.atlas-pin.g1 { background: #5a6440; }
.atlas-pin.g2 { background: #c4946c; }
.atlas-pin.g3 { background: #a64a26; }
.atlas-pin.g4 { background: #6a1f1f; }
.atlas-pin.g0 { background: #6b6b6b; }

.leaflet-container { background: #14100d; }
.leaflet-popup-content-wrapper { background: #1a1310; color: #f1e7d6; border-radius: 4px; }
.leaflet-popup-content { font-family: "IBM Plex Serif", Georgia, serif; font-size: 13px; margin: 10px 12px; }
.leaflet-popup-content a { color: #c4946c; }
.leaflet-popup-tip { background: #1a1310; }

.prose-invert h1, .prose-invert h2 { color: #f1e7d6; }
.prose-invert a { color: #c4946c; }