:root {
    /* Colores primarios */
    --color-primary:       #2563EB;
    --color-primary-dark:  #1D4ED8;
    --color-primary-light: #EFF6FF;

    /* Colores de estado */
    --color-success:       #16A34A;
    --color-success-light: #F0FDF4;
    --color-warning:       #D97706;
    --color-warning-light: #FFFBEB;
    --color-danger:        #DC2626;
    --color-danger-light:  #FEF2F2;
    --color-info:          #0891B2;
    --color-info-light:    #ECFEFF;

    /* Escala de grises */
    --color-gray-50:  #F9FAFB;
    --color-gray-100: #F3F4F6;
    --color-gray-200: #E5E7EB;
    --color-gray-300: #D1D5DB;
    --color-gray-400: #9CA3AF;
    --color-gray-500: #6B7280;
    --color-gray-600: #4B5563;
    --color-gray-700: #374151;
    --color-gray-800: #1F2937;
    --color-gray-900: #111827;

    /* Layout */
    --sidebar-width:   240px;
    --header-height:   56px;
    --border-radius:   6px;
    --border-radius-lg:10px;

    /* Sombras */
    --shadow-sm:  0 1px 2px rgba(0,0,0,0.05);
    --shadow-md:  0 4px 6px -1px rgba(0,0,0,0.07), 0 2px 4px -1px rgba(0,0,0,0.04);
    --shadow-lg:  0 10px 15px -3px rgba(0,0,0,0.08), 0 4px 6px -2px rgba(0,0,0,0.04);

    /* Tipografía */
    --font-family:      'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-size-xs:     11px;
    --font-size-sm:     13px;
    --font-size-base:   14px;
    --font-size-md:     15px;
    --font-size-lg:     18px;
    --font-size-xl:     22px;
    --font-size-2xl:    28px;

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

    /* Transiciones */
    --transition: 150ms ease;
}