/* ============================================
   seguAPP municipal - Tema Oscuro Profesional
   Colores: #1A1A2E, #16213E, #0F3460
   Acento: #00B4D8  |  Alerta: #E63946
   ============================================ */

:root {
    --bg-primary: #1A1A2E;
    --bg-secondary: #16213E;
    --bg-tertiary: #0F3460;
    --bg-card: #1E2A3A;
    --bg-input: #253547;
    --accent: #00B4D8;
    --accent-hover: #0096B7;
    --accent-light: rgba(0, 180, 216, 0.15);
    --danger: #E63946;
    --danger-hover: #C5303C;
    --warning: #F4A261;
    --success: #2EC4B6;
    --info: #00B4D8;
    --text-primary: #E8E8E8;
    --text-secondary: #A0AEC0;
    --text-muted: #6B7A8D;
    --border-color: #2D3E50;
    --sidebar-width: 260px;
    --sidebar-collapsed: 70px;
    --header-height: 60px;
    --transition: all 0.3s ease;

    /* Bootstrap overrides para tema oscuro */
    --bs-body-color: #E8E8E8;
    --bs-body-bg: #1A1A2E;
    --bs-heading-color: #E8E8E8;
    --bs-secondary-color: #A0AEC0;
    --bs-tertiary-color: #6B7A8D;
    --bs-emphasis-color: #E8E8E8;
    --bs-link-color: #00B4D8;
    --bs-link-hover-color: #0096B7;
    --bs-border-color: #2D3E50;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: var(--bg-primary);
    color: var(--text-primary);
    font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
    font-size: 0.875rem;
    overflow-x: hidden;
}

a { color: var(--accent); text-decoration: none; }
a:hover { color: var(--accent-hover); }

/* Scrollbar */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: var(--bg-primary); }
::-webkit-scrollbar-thumb { background: var(--bg-tertiary); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--accent); }