/* ═══════════════════════════════════════════════════════════════
   CLIENT APP GLOBALS
   Contains global generic styles and layout helpers for the public front-end.
   Colors should NOT be here (they are in themes.css).
   ═══════════════════════════════════════════════════════════════ */

/* Base element resets to use global themes */
body {
    background-color: var(--c-bg);
    color: var(--c-text-primary);
}

a {
    color: var(--c-accent);
    text-decoration: none;
    transition: opacity 0.2s;
}

a:hover {
    color: var(--c-accent-hover);
}

/* Common generic utility classes could be added here in the future */

/* Dark mode fixes for Leaflet Maps */
[data-theme="dark"] .leaflet-tile-pane {
    filter: brightness(0.6) contrast(1.2);
}
[data-theme="dark"] .leaflet-control-zoom a {
    background-color: var(--c-card-bg) !important;
    color: var(--c-text-primary) !important;
    border-color: var(--c-border) !important;
}