:root {

    /* Marca */
    --inaba-blue: #0B74D8;
    --inaba-blue-hover: #0864BC;
    --inaba-red: #FF3336;
    --inaba-red-hover: #E7282B;

    /* Fondos */
    --inaba-bg: #F5F7FB;
    --inaba-surface: #FFFFFF;
    --inaba-sidebar: #071426;

    /* Texto */
    --inaba-text: #172033;
    --inaba-text-soft: #4B5563;
    --inaba-muted: #7A8494;

    /* Bordes */
    --inaba-border: #E5EAF0;

    /* Estados */
    --inaba-success: #16A36A;
    --inaba-warning: #F59E0B;
    --inaba-danger: #E5484D;
    --inaba-info: #2D7FF9;

    /* Radios */
    --inaba-radius-sm: 8px;
    --inaba-radius-md: 12px;
    --inaba-radius-lg: 16px;
    --inaba-radius-xl: 22px;

    /* Sombras */
    --inaba-shadow-sm:
        0 2px 8px rgba(15, 23, 42, .04);

    --inaba-shadow-md:
        0 8px 30px rgba(15, 23, 42, .07);

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

    /* Espaciado */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-7: 32px;
    --space-8: 40px;

    /* Layout */
    --sidebar-width: 235px;
    --topbar-height: 76px;

    /* Tipografía */
    --inaba-font:
        'Poppins',
        Arial,
        sans-serif;
}