/* ==========================================================
   SGI · Variables de diseño
========================================================== */

:root {
    /* Colores principales */

    --sgi-primary: #4f46e5;
    --sgi-primary-hover: #4338ca;
    --sgi-primary-dark: #3730a3;
    --sgi-primary-soft: #eef2ff;

    /* Fondos */

    --sgi-background: #f4f6fb;
    --sgi-surface: #ffffff;
    --sgi-surface-soft: #f8fafc;

    /* Panel institucional */

    --sgi-brand-background: #172033;
    --sgi-brand-background-dark: #111827;
    --sgi-brand-text: #ffffff;
    --sgi-brand-muted: #c8d0de;

    /* Texto */

    --sgi-heading: #172033;
    --sgi-text: #344054;
    --sgi-muted: #667085;
    --sgi-muted-light: #98a2b3;

    /* Bordes */

    --sgi-border: #e4e7ec;
    --sgi-border-strong: #d0d5dd;

    /* Estados */

    --sgi-success: #16875d;
    --sgi-success-soft: #eaf8f2;

    --sgi-danger: #c4324a;
    --sgi-danger-soft: #fff0f2;

    --sgi-warning: #b54708;
    --sgi-warning-soft: #fffaeb;

    /* Tipografía */

    --sgi-font-family:
        Arial,
        Helvetica,
        sans-serif;

    --sgi-font-size-xs: 12px;
    --sgi-font-size-sm: 13px;
    --sgi-font-size-md: 15px;
    --sgi-font-size-lg: 18px;
    --sgi-font-size-xl: 28px;

    /* Espaciados */

    --sgi-space-1: 4px;
    --sgi-space-2: 8px;
    --sgi-space-3: 12px;
    --sgi-space-4: 16px;
    --sgi-space-5: 20px;
    --sgi-space-6: 24px;
    --sgi-space-7: 32px;
    --sgi-space-8: 40px;
    --sgi-space-9: 48px;

    /* Bordes redondeados */

    --sgi-radius-sm: 8px;
    --sgi-radius-md: 12px;
    --sgi-radius-lg: 16px;
    --sgi-radius-xl: 24px;
    --sgi-radius-card: 28px;
    --sgi-radius-pill: 999px;

    /* Sombras */

    --sgi-shadow-sm:
        0 4px 12px
        rgba(15, 23, 42, 0.06);

    --sgi-shadow-md:
        0 12px 28px
        rgba(15, 23, 42, 0.09);

    --sgi-shadow-lg:
        0 28px 72px
        rgba(15, 23, 42, 0.14);

    /* Transiciones */

    --sgi-transition-fast: 0.15s ease;
    --sgi-transition: 0.2s ease;

    /* Medidas */

    --sgi-content-width: 1450px;
    --sgi-login-width: 1120px;
}