/* ════════════════════════════════════════════════
   MobliManager - Variables globales de diseño
   ════════════════════════════════════════════════ */

:root {
    /* ── Paleta corporativa ── */
    --color-primario:        #1F3864;  /* Azul oscuro principal */
    --color-primario-claro:  #2E75B6;  /* Azul medio (hover, enlaces) */
    --color-secundario:      #5A9A6A;  /* Verde corporativo */
    --color-secundario-claro:#7BB58A;
    --color-texto:           #2C2C2A;  /* Negro suave */
    --color-texto-suave:     #555555;
    --color-fondo:           #F5F7FA;
    --color-borde:           #DEE2E6;

    /* ── Estados ── */
    --color-exito:           #D4EDDA;
    --color-exito-texto:     #155724;
    --color-error:           #F8D7DA;
    --color-error-texto:     #721C24;
    --color-aviso:           #FFF3CD;
    --color-aviso-texto:     #856404;
    --color-info:            #DEEAF1;
    --color-info-texto:      #0C5460;

    /* ── Tipografía ── */
    --fuente-base: 'Segoe UI', system-ui, -apple-system, sans-serif;
    --fuente-titulos: 'Segoe UI', system-ui, -apple-system, sans-serif;

    /* ── Tamaños ── */
    --tamanio-radio: 6px;
    --tamanio-radio-grande: 10px;
    --sombra-suave: 0 2px 4px rgba(0, 0, 0, 0.05);
    --sombra-media: 0 4px 12px rgba(0, 0, 0, 0.08);

    /* ── Layout ── */
    --altura-navbar: 60px;
    --ancho-sidebar: 240px;
    --ancho-sidebar-colapsado: 60px;
}

/* ── Sobreescribir variables de Bootstrap ── */
:root {
    --bs-primary: var(--color-primario);
    --bs-success: var(--color-secundario);
    --bs-body-bg: var(--color-fondo);
    --bs-body-color: var(--color-texto);
    --bs-body-font-family: var(--fuente-base);
}