:root {
    --primary-color: #198754;
    --bs-primary: #198754;
}

/* Theme classes */
.bg-primary-theme {
    background-color: var(--primary-color) !important;
}

/* Map height is the only thing Bootstrap can't handle automatically
   and since it's an absolute pixel value in Leaflet */
#map {
    height: 400px;
    width: 100%;
    border-radius: 8px;
    border: 2px solid #ddd;
}

/* Map height for the list view */
.list-map {
    height: 300px;
    width: 100%;
    border-radius: 8px;
    border: 1px solid #ddd;
}

/* Additional custom styles if needed */
.font-monospace {
    font-family: 'Courier New', Courier, monospace !important;
}