:root{

    /*==========================================================
    =            Identidad Institucional
    ==========================================================*/

    --sigaf-primary:#0078A6;
    --sigaf-primary-50:rgba(0,120,166,.05);
    --sigaf-primary-100:rgba(0,120,166,.10);
    --sigaf-primary-200:rgba(0,120,166,.18);

    --sigaf-secondary:#F58220;
    --sigaf-secondary-50:rgba(245,130,32,.08);
    --sigaf-secondary-100:rgba(245,130,32,.15);

    --sigaf-success:#6FB143;
    --sigaf-success-50:rgba(111,177,67,.08);
    --sigaf-success-100:rgba(111,177,67,.15);

    --sigaf-warning:#FFD200;
    --sigaf-warning-50:rgba(255,210,0,.12);
    --sigaf-warning-100:rgba(255,210,0,.20);

    /*==========================================================
    =            Escala de Grises
    ==========================================================*/

    --gray-25:#FCFCFD;
    --gray-50:#F9FAFB;
    --gray-100:#F3F4F6;
    --gray-200:#E5E7EB;
    --gray-300:#D1D5DB;
    --gray-400:#9CA3AF;
    --gray-500:#6B7280;
    --gray-600:#4B5563;
    --gray-700:#374151;
    --gray-800:#1F2937;
    --gray-900:#111827;

    /*==========================================================
    =            Fondos
    ==========================================================*/

    --sigaf-background:var(--gray-50);

    --sigaf-surface:#FFFFFF;

    --sigaf-surface-hover:var(--gray-25);

    /*==========================================================
    =            Texto
    ==========================================================*/

    --sigaf-text:var(--gray-800);

    --sigaf-text-light:var(--gray-500);

    --sigaf-text-disabled:var(--gray-400);

    /*==========================================================
    =            Bordes
    ==========================================================*/

    --sigaf-border:var(--gray-200);

    --sigaf-border-light:#EEF2F7;

    /* Separadores estructurales más suaves que los bordes de controles */
    --sigaf-divider:rgba(15,23,42,.075);

    --sigaf-surface-border:rgba(15,23,42,.055);

    /*==========================================================
    =            Radios
    ==========================================================*/

    --radius-sm:8px;

    --radius-md:12px;

    --radius-lg:16px;

    --radius-xl:20px;

    --radius-pill:999px;

    /*==========================================================
    =            Sombras
    ==========================================================*/

    --shadow-sm:0 2px 8px rgba(15,23,42,.05);

    --shadow-md:0 8px 24px rgba(15,23,42,.08);

    --shadow-lg:0 18px 40px rgba(15,23,42,.12);

    /*==========================================================
    =            Layout
    ==========================================================*/

    --sidebar-width:280px;

    --sidebar-collapse:90px;

    --topbar-height:72px;

    --content-max-width:1800px;

    /*==========================================================
    =            Transiciones
    ==========================================================*/

    --transition-fast:.15s ease;

    --transition:.25s ease;

    --transition-slow:.40s ease;

}