:root {
    /* Sidebar Widths */
    --sidebar-width: 280px;
    --sidebar-mini-width: 80px;
    
 /* Colors */
    --white: #ffffff;
    --gray-50: #f9fafb;
 --gray-100: #f3f4f6;
    --gray-200: #e5e7eb;
    --gray-300: #d1d5db;
    --gray-400: #9ca3af;
 --gray-500: #6b7280;
    --gray-600: #4b5563;
    --gray-700: #374151;
    --gray-800: #1f2937;
    --gray-900: #111827;
    
    --primary-blue: #2563eb;
    --primary-blue-dark: #1d4ed8;
    --primary-blue-light: #3b82f6;
    --secondary-blue: #3b82f6;
    
    --text-primary: #111827;
    --text-secondary: #6b7280;
    
 /* Transitions */
    --transition-speed: 0.3s;
    --transition-ease: cubic-bezier(0.4, 0, 0.2, 1);
}