/**
 * Shulevora Pro - Premium UI Design Tokens
 * Centrally defined visual variables for consistency, performance, and scaling.
 */

:root {
    /* --- COLOR PALETTE (Premium Neutrals) --- */
    --slate-50:  #f8fafc;
    --slate-100: #f1f5f9;
    --slate-200: #e2e8f0;
    --slate-300: #cbd5e1;
    --slate-400: #94a3b8;
    --slate-500: #64748b;
    --slate-600: #475569;
    --slate-700: #334155;
    --slate-800: #1e293b;
    --slate-900: #0f172a;
    --slate-950: #020617;
    
    /* --- ADMIN THEME (Google Style) --- */
    --admin-blue:       #1a73e8;
    --admin-blue-light: #e8f0fe;
    --admin-grey-hover: #f1f3f4;
    --admin-active-text: #1967d2;
    --table-row-stripe: #f9fbfd; /* Subtle blueish grey for alternating Excel rows */
    --table-header-bg: #f1f3f4; /* Google Admin grey for table headers */

    /* --- SEMANTIC COLORS & ORCHESTRATION NODES --- */
    --primary:      #4f46e5; /* Indigo 600 */
    --brand-blue:   #1a73e8; /* Premium Brand Blue */
    --primary-dim:  #4338ca;
    --primary-glow: rgba(79, 70, 229, 0.15);
    --primary-alpha: rgba(79, 70, 229, 0.1);
    
    --secondary:    #10b981; /* Emerald 500 */
    --accent:       #f59e0b; /* Amber 500 */
    
    /* Semantic Protocol Nodes */
    --success:      #10b981; 
    --warning:      #f59e0b; 
    --danger:       #ef4444; 
    --info:         #3b82f6; 

    /* Alpha Transparency Sets (For Badges & Indicators) */
    --success-alpha: rgba(16, 185, 129, 0.1);
    --warning-alpha: rgba(245, 158, 11, 0.1);
    --danger-alpha:  rgba(239, 68, 68, 0.1);
    --info-alpha:    rgba(59, 130, 246, 0.1);

    /* --- BACKGROUNDS & SURFACES --- */
    --bg-main:      var(--slate-50);
    --bg-card:      #ffffff;
    --bg-header:    rgba(255, 255, 255, 0.8);
    --bg-sidebar:   radial-gradient(circle at 10% 10%, #1e1b4b 0%, #0f172a 100%); /* Deep Elite Fluidity Match */
    --bg-taskbar:   #ffffff;
    
    /* --- TEXT --- */
    --text-main:    #1e293b; /* Slate 800 */
    --text-muted:   #64748b; /* Slate 500 */
    --text-on-dark: #f8fafc;
    
    --sidebar-text:        rgba(255,255,255,0.9);
    --sidebar-text-muted:  rgba(255,255,255,0.6);

    /* --- BORDERS & RADIUS --- */
    --border-color: rgba(226, 232, 240, 0.7); /* Slightly softer slate */
    --radius-sm:    4px;
    --radius-md:    8px;
    --radius-lg:    10px;
    --radius-xl:    14px;
    --radius-full:  9999px;

    /* --- GLASSMORPHISM (Premium Aero) --- */
    --glass-bg:      rgba(255, 255, 255, 0.75);
    --glass-blur:    blur(25px) saturate(180%);
    --glass-border:  rgba(255, 255, 255, 0.4);
    --glass-shadow:  0 12px 40px 0 rgba(0, 0, 0, 0.08);
    --glass-glow:    0 0 15px 0 rgba(79, 70, 229, 0.05);

    /* --- ELEVATION (Architectural Depth - Soft & Premium) --- */
    --shadow-sm:     0 1px 2px rgba(0,0,0,0.02);
    --shadow-md:     0 3px 8px rgba(0,0,0,0.03);
    --shadow-lg:     0 8px 20px rgba(0,0,0,0.04);
    --shadow-xl:     0 20px 40px -10px rgba(0,0,0,0.05);
    --shadow-2xl:    0 30px 50px -12px rgba(0,0,0,0.08);
    --shadow-inner:  inset 0 1px 2px 0 rgba(0,0,0,0.01);

    /* --- ANIMATION --- */
    --transition-fast: 200ms cubic-bezier(0.4, 0, 0.2, 1);
    --transition-base: 300ms cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 500ms cubic-bezier(0.4, 0, 0.2, 1);

    /* --- SPACING SYSTEM (Compact Density) --- */
    --space-1: 0.125rem; /* 2px */
    --space-2: 0.25rem;  /* 4px */
    --space-3: 0.375rem; /* 6px */
    --space-4: 0.5rem;   /* 8px */
    --space-5: 0.75rem;  /* 12px */
    --space-6: 1rem;     /* 16px */
    --space-7: 1.25rem;  /* 20px */
    --space-8: 1.5rem;   /* 24px */
    --space-9: 2rem;     /* 32px */
    --space-10: 3rem;    /* 48px */

    /* --- GEOMETRY (High Density) --- */
    --header-height: 44px;
    --sidebar-width: 320px;
    --sidebar-collapsed-width: 64px;
    --page-padding: 1rem;
    --section-gap: var(--space-5);
    --card-gap: var(--space-4);
    --metric-gap: var(--space-3);
    
    /* --- TYPOGRAPHY SCALE --- */
    --font-size-xs: 0.65rem;  /* 10.4px */
    --font-size-sm: 0.72rem;  /* 11.5px */
    --font-size-base: 0.82rem; /* 13.1px */
    --font-size-md: 0.95rem;  /* 15.2px */
    --font-size-lg: 1.15rem;  /* 18.4px */
    --font-size-xl: 1.35rem;  /* 21.6px */

    /* --- GLOBAL LAYERING SCALE (Deep Cleanup Standard) --- */
    --z-deep:       -100;
    --z-base:       0;
    --z-layout:     100;
    --z-nav:        1000;
    --z-sidebar:    2000;
    --z-header:     5000;
    --z-sticky:     8000;
    --z-dropdown:   9000;
    --z-overlay:    10000;
    --z-modal:      11000;
    --z-toast:      20000;
    --z-critical:   50000;
}

[data-theme="dark"] {
    --bg-main:      #020617; /* Slate 950 */
    --bg-card:      #0f172a; /* Slate 900 */
    --bg-header:    rgba(15, 23, 42, 0.8);
    --border-color: rgba(30, 41, 59, 0.8); /* Slate 800 soft */
    
    --text-main:    #f1f5f9; /* Slate 100 */
    --text-muted:   #94a3b8; /* Slate 400 */
    
    --border-color: rgba(30, 41, 59, 0.8); /* Slate 800 soft */
    
    --glass-bg:      rgba(15, 23, 42, 0.7);
    --glass-border:  rgba(255, 255, 255, 0.05);
    --glass-shadow:  0 8px 32px 0 rgba(0, 0, 0, 0.4);
}