/* ============================================
   UNEMI - Sistema de Variables Institucionales
   Refined Palette & Expert UX/UI Standards
   ============================================ */

:root {
    /* Colores Institucionales UNEMI */
    --unemi-navy: #002334;
    --unemi-navy-dark: #001824;
    --unemi-navy-light: #0A4D6E;
    --unemi-navy-accent: #1A7AA8;
    --unemi-navy-soft: #2B8BBD;
    
    --unemi-orange: #FE9900;
    --unemi-orange-vibrant: #FA7E23;
    --unemi-orange-light: #FFB347;
    --unemi-orange-soft: rgba(254, 153, 0, 0.1);
    
    --unemi-blue: #006DCC;
    --unemi-blue-light: #3d9be9;
    --unemi-blue-dark: #0056a3;
    
    --unemi-white: #FFFFFF;
    --unemi-gray-light: #F8FAFC;
    --unemi-gray-100: #F1F5F9;
    --unemi-gray-200: #E2E8F0;
    --unemi-gray-300: #CBD5E1;
    --unemi-gray: #64748B;
    
    --unemi-text-dark: #0F172A;
    --unemi-text-muted: #64748B;
    
    /* State Colors - Complete Palette */
    --unemi-primary: #12216A;
    --unemi-primary-soft: rgba(18, 33, 106, 0.1);
    --unemi-secondary: #64748B;
    --unemi-secondary-soft: rgba(100, 116, 139, 0.12);
    --unemi-info: #0EA5E9;
    --unemi-info-soft: rgba(14, 165, 233, 0.12);
    --unemi-success: #10B981;
    --unemi-success-soft: rgba(16, 185, 129, 0.12);
    --unemi-warning: #F59E0B;
    --unemi-warning-soft: rgba(245, 158, 11, 0.12);
    --unemi-danger: #EF4444;
    --unemi-danger-soft: rgba(239, 68, 68, 0.12);
    --unemi-error: #EF4444;
    --unemi-light: #F8FAFC;
    --unemi-dark: #0F172A;
    
    /* Border Colors */
    --unemi-border-light: #EDF2F9;
    --unemi-border: #E2E8F0;
    
    /* Glassmorphism & Modern Shadows */
    --glass-bg: rgba(255, 255, 255, 0.7);
    --glass-bg-dark: rgba(0, 35, 52, 0.85);
    --glass-border: rgba(255, 255, 255, 0.2);
    --glass-blur: blur(12px);
    
    --glass-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    --card-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);

    --shadow-sm: 0 1px 3px rgba(0, 35, 52, 0.08);
    --shadow-md: 0 4px 12px rgba(0, 35, 52, 0.1);
    --shadow-lg: 0 8px 24px rgba(0, 35, 52, 0.12);
    --shadow-xl: 0 16px 48px rgba(0, 35, 52, 0.15);
    
    /* Institutional Gradients */
    --gradient-navy: linear-gradient(135deg, var(--unemi-navy) 0%, var(--unemi-navy-light) 100%);
    --gradient-orange: linear-gradient(135deg, var(--unemi-orange) 0%, var(--unemi-orange-vibrant) 100%);
    --gradient-glass: linear-gradient(135deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.05) 100%);
    
    /* Spacing & Transitions */
    --transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);

    /* Fluid Spacing Base */
    --space-xs: clamp(0.5rem, 1vw, 0.75rem);
    --space-sm: clamp(0.75rem, 1.5vw, 1rem);
    --space-md: clamp(1.25rem, 2.5vw, 2rem);
    --space-lg: clamp(2rem, 4vw, 3.5rem);
    
    /* Sidebar width - Unified Source of Truth */
    --sb-w-expanded: 230px;
    --sb-w-collapsed: 70px;
    --topbar-height: 52px;
    
    /* Layout Transitions */
    --layout-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

    /* Unified Layering */
    --z-sidebar: 1040;
    --z-topbar: 1030;
    --z-modal: 1050;
}