:root {
  color-scheme: dark;
}

body {
  background:
    radial-gradient(circle at top, rgba(245, 200, 120, 0.10), transparent 30%),
    linear-gradient(180deg, #1c140a 0%, #0f0d0b 32%, #0a0908 100%);
}

.parchment {
  background:
    linear-gradient(180deg, rgba(67, 48, 26, 0.86) 0%, rgba(42, 31, 18, 0.92) 100%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23f6e7c4' fill-opacity='0.04'%3E%3Cpath d='M0 0h40v40H0zM80 0h40v40H80zM40 40h40v40H40zM120 40h40v40h-40zM0 80h40v40H0zM80 80h40v40H80zM40 120h40v40H40zM120 120h40v40h-40z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  border: 1px solid rgba(245, 222, 179, 0.16);
}

.hero-metal {
  background:
    linear-gradient(135deg, rgba(120, 92, 48, 0.95), rgba(69, 54, 28, 0.95)),
    linear-gradient(315deg, rgba(203, 173, 103, 0.18), transparent);
  border: 1px solid rgba(238, 214, 161, 0.24);
}

.map-shell {
  border: 1px solid rgba(245, 222, 179, 0.16);
  overflow: hidden;
}

#map {
  height: 100%;
  min-height: 28rem;
}

.marker-dot {
  width: 14px;
  height: 14px;
  border-radius: 9999px;
  border: 2px solid rgba(0, 0, 0, 0.85);
  box-shadow: 0 0 0 4px rgba(255,255,255,0.08);
}

.marker-activity {
  background: #f2b233;
}

.marker-accommodation {
  background: #90cdf4;
}

.marker-selected {
  box-shadow: 0 0 0 6px rgba(255,255,255,0.22);
  transform: scale(1.25);
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: #23180d;
  color: #f5ead5;
}

.leaflet-container a {
  color: #f5d08a;
}

.badge {
  border: 1px solid rgba(245, 222, 179, 0.18);
  background: rgba(245, 222, 179, 0.06);
}

::-webkit-scrollbar {
  width: 12px;
}

::-webkit-scrollbar-track {
  background: rgba(255,255,255,0.04);
}

::-webkit-scrollbar-thumb {
  background: rgba(245, 222, 179, 0.18);
  border-radius: 9999px;
}