:root {
    /* Premium Color System */
    --primary-color: #007a8a; /* Base D-Link Teal */
    --primary-hover: #006371;
    --primary-gradient: linear-gradient(135deg, #007a8a 0%, #00a8bd 100%);
    
    --secondary-color: #3B82F6;
    --secondary-gradient: linear-gradient(135deg, #3B82F6 0%, #60A5FA 100%);
    
    /* Semantic Colors (Softer, vibrant hues) */
    --success-color: #10B981;
    --success-bg: #D1FAE5;
    --danger-color: #EF4444;
    --danger-bg: #FEE2E2;
    --warning-color: #F59E0B;
    --warning-bg: #FEF3C7;
    --info-color: #0EA5E9;
    --info-bg: #E0F2FE;
    
    /* Backgrounds */
    --bg-color: #F8FAFC; /* Softer, cooler white */
    --card-bg: #FFFFFF;
    --card-bg-glass: rgba(255, 255, 255, 0.85); /* Glassmorphism base */
    --border-color: #E2E8F0;
    
    /* Typography Colors */
    --text-primary: #0F172A;
    --text-secondary: #475569;
    --text-muted: #94A3B8;
    
    /* Spacing System - Compact Enterprise Scale */
    --sp-1: 3px;
    --sp-2: 6px;
    --sp-3: 12px;
    --sp-4: 18px;
    --sp-5: 24px;
    --sp-6: 36px;
    --sp-7: 48px;
    
    /* Layout Dimensions */
    --navbar-height: 0px;
    --sidebar-width: 168px;
    --sidebar-collapsed-width: 64px;
    
    /* Typography */
    --font-family: 'Calibri', 'Carlito', 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
    --font-heading: 'Calibri', 'Carlito', 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
    
    /* Borders & Advanced Shadows */
    --border-radius: 10px; /* Crisp enterprise corners */
    --card-shadow: 0 2px 10px -2px rgba(15, 23, 42, 0.05), 0 0 2px rgba(15, 23, 42, 0.02);
    --card-shadow-hover: 0 10px 25px -5px rgba(15, 23, 42, 0.08), 0 0 3px rgba(15, 23, 42, 0.02);
    
    /* Transitions */
    --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
    --transition-normal: 250ms cubic-bezier(0.4, 0, 0.2, 1);
    --transition-bounce: 400ms cubic-bezier(0.34, 1.56, 0.64, 1);
}

[data-bs-theme="dark"] {
    --bg-color: #0B1120; /* Deep premium charcoal, not stark black */
    --card-bg: #1E293B;
    --card-bg-glass: rgba(30, 41, 59, 0.75);
    --border-color: rgba(255, 255, 255, 0.08);
    
    --text-primary: #F8FAFC;
    --text-secondary: #CBD5E1;
    --text-muted: #64748B;
    
    --success-bg: rgba(16, 185, 129, 0.15);
    --danger-bg: rgba(239, 68, 68, 0.15);
    --warning-bg: rgba(245, 158, 11, 0.15);
    --info-bg: rgba(14, 165, 233, 0.15);
    
    --card-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.5);
    --card-shadow-hover: 0 20px 40px -10px rgba(0, 0, 0, 0.7);
}