:root {
  --ms-primary: #2c5282;       
  --ms-primary-dark: #1a365d;  
  --ms-primary-light: #4299e1; 
  --ms-text: #2d3748;          
  --ms-text-secondary: #4a5568; 
  --ms-text-muted: #5d6e88;    
  --ms-bg: #ffffff;            
  --ms-bg-secondary: #f7fafc;  
  --ms-bg-tertiary: #edf2f7;   
  --ms-border: #e2e8f0;        
  --ms-border-dark: #cbd5e0;   
  --ms-border-light: #edf2f7;  
  --ms-success: #38a169;       
  --ms-warning: #dd6b20;       
  --ms-error: #e53e3e;         
  --ms-info: #3182ce;          
  --ms-admin-text: #23282d;    
  --ms-admin-bg: #f9f9f9;      
  --ms-admin-border: #ddd;     
  --ms-space-1: 4px;           
  --ms-space-2: 8px;           
  --ms-space-3: 12px;          
  --ms-space-4: 16px;          
  --ms-space-5: 20px;          
  --ms-space-6: 24px;          
  --ms-space-7: 32px;          
  --ms-space-8: 40px;          
  --ms-radius-sm: 4px;         
  --ms-radius: 8px;            
  --ms-radius-lg: 12px;        
  --ms-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
  --ms-shadow: 0 4px 6px rgba(0, 0, 0, 0.07);
  --ms-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
  --ms-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --ms-font-size-xs: 12px;     
  --ms-font-size-sm: 14px;     
  --ms-font-size: 16px;        
  --ms-font-size-lg: 18px;     
  --ms-font-size-xl: 20px;     
  --ms-font-size-xxl: 24px;    
  --ms-font-size-xxxl: 32px;   
  --ms-font-weight: 400;       
  --ms-font-weight-medium: 500;
  --ms-font-weight-semibold: 600; 
  --ms-font-weight-bold: 700;  
  --ms-container-width: 1200px; 
  --ms-section-min: 300px;     
  --ms-transition-fast: 0.15s ease;
  --ms-transition: 0.3s ease;
  --ms-transition-slow: 0.5s ease;
  --ms-grid-gap: var(--ms-space-7); 
}