/* ============================================================
   dark-theme.css
   Variables del tema oscuro (estilo fintech moderno)
   Estudio Contable Facundo Cabana
   ============================================================ */

:root {
    /* --- Fondos --- */
    --bg-principal:   #0D1117;  /* Fondo general de la app */
    --bg-card:        #1E2235;  /* Tarjetas / paneles */
    --bg-sidebar:     #161B27;  /* Barra lateral */
    --bg-hover:       #252A40;  /* Hover de filas y elementos */
    --bg-input:       #161B27;  /* Campos de formulario */

    /* --- Acentos --- */
    --acento:         #00C896;  /* Verde fintech (acción principal) */
    --acento-hover:   #00E0A8;  /* Verde más claro para hover */
    --acento-suave:   rgba(0, 200, 150, 0.12); /* Fondo translúcido */

    /* --- Texto --- */
    --texto-primario:    #E8EAF0;
    --texto-secundario:  #8892A4;
    --texto-tenue:       #5A6378;

    /* --- Estados / Alertas --- */
    --alerta:        #FF6B6B;  /* Vencimientos / errores */
    --alerta-suave:  rgba(255, 107, 107, 0.12);
    --warning:       #FFB454;  /* Advertencias */
    --warning-suave: rgba(255, 180, 84, 0.12);
    --exito:         #00C896;  /* OK / cobrado / pagado */
    --info:          #4DABF7;  /* Informativo */

    /* --- Bordes y sombras --- */
    --borde:        #2A2F45;
    --borde-suave:  #21263B;
    --sombra:       0 4px 16px rgba(0, 0, 0, 0.35);
    --sombra-suave: 0 2px 8px rgba(0, 0, 0, 0.25);

    /* --- Radios (sin bordes rectos duros) --- */
    --radio-sm: 8px;
    --radio-md: 14px;
    --radio-lg: 20px;

    /* --- Medidas del layout --- */
    --sidebar-ancho:           240px;
    --sidebar-ancho-colapsado: 72px;
    --transicion:              0.25s ease;
}