/*==================================================
=            VARIABLES DEL SISTEMA                 =
==================================================*/

:root{

    /* Colores */

    --color-primary:#2563EB;
    --color-primary-hover:#1D4ED8;

    --color-success:#10B981;
    --color-warning:#F59E0B;
    --color-danger:#EF4444;

    --color-dark:#1F2937;
    --color-dark-light:#374151;

    --color-bg:#F5F7FA;
    --color-white:#FFFFFF;

    --color-border:#E5E7EB;

    --color-text:#111827;
    --color-text-light:#6B7280;

    /* Sidebar */

    --sidebar-width:270px;

    /* Header */

    --header-height:70px;

    /* Footer */

    --footer-height:45px;

    /* Bordes */

    --radius:12px;

    /* Sombras */

    --shadow:0 4px 12px rgba(0,0,0,.08);

    /* Transiciones */

    --transition:.3s ease;

    /* Fuente */

    --font-family:"Inter",sans-serif;

}