:root {
    /* Primary Colors - Professional Blue */
    --primary-color: #2563eb;
    --primary-dark: #1e40af;
    --primary-light: #3b82f6;
    
    /* Secondary Colors */
    --secondary-color: #0891b2;
    --secondary-dark: #0e7490;
    
    /* Background Colors */
    --bg-primary: #ffffff;
    --bg-secondary: #f8fafc;
    --bg-dark: #1e293b;
    --bg-darker: #0f172a;
    
    /* Text Colors */
    --text-primary: #1e293b;
    --text-secondary: #64748b;
    --text-light: #94a3b8;
    --text-white: #ffffff;
    
    /* Border Colors */
    --border-color: #e2e8f0;
    --border-focus: #2563eb;
    
    /* Status Colors */
    --success: #16a34a;
    --warning: #ea580c;
    --error: #dc2626;
    --info: #0284c7;
    
    /* Card Colors */
    --card-blue: #0284c7;
    --card-green: #16a34a;
    --card-yellow: #ea580c;
    --card-red: #dc2626;
    
    /* Gradient */
    --gradient-primary: linear-gradient(135deg, #2563eb 0%, #0891b2 100%);
    --gradient-dark: linear-gradient(135deg, #1e40af 0%, #0e7490 100%);
    
    /* Shadows */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
    --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.15);
}