/* WarZone Connect — Custom styles (Tailwind via CDN) */
[x-cloak] { display: none !important; }

:root {
    --color-bg: #0f0f0f;
    --color-surface: #1a1a1a;
    --color-surface-alt: #141414;
    --color-border: #2e2e2e;
    --color-primary: #e8c547;
    --color-danger: #ef4444;
    --color-warning: #f97316;
    --color-safe: #22c55e;
    --color-text: #f0ede6;
    --color-muted: #9ca3af;
}

body {
    font-family: 'IBM Plex Sans', system-ui, sans-serif;
    background-color: var(--color-surface);
    color: var(--color-text);
}

.font-heading {
    font-family: 'Bitter', Georgia, serif;
}

.bg-bg { background-color: var(--color-bg); }
.bg-surface { background-color: var(--color-surface); }
.bg-surface-alt { background-color: var(--color-surface-alt); }
.border-border { border-color: var(--color-border); }
.text-primary { color: var(--color-primary); }
.text-danger { color: var(--color-danger); }
.text-warning { color: var(--color-warning); }
.text-safe { color: var(--color-safe); }
.text-muted { color: var(--color-muted); }
.text-text { color: var(--color-text); }

/* Leaflet map dark theme overrides */
.leaflet-container {
    background: var(--color-bg) !important;
    font-family: 'IBM Plex Sans', sans-serif;
}
.leaflet-popup-content-wrapper {
    background: var(--color-surface-alt);
    color: var(--color-text);
    border: 1px solid var(--color-border);
}
.leaflet-popup-tip { background: var(--color-surface-alt); }