/* CSS Variables for Professional Color Scheme */
:root {
  /* Primary Colors */
  --color-primary: #1e3a5f;
  --color-primary-dark: #2c3e50;
  --color-primary-light: #3b82f6;
  
  /* Neutral Colors */
  --color-white: #ffffff;
  --color-gray-light: #f7f8fa;
  --color-gray-medium: #e8eaed;
  --color-gray-dark: #d1d5db;
  --color-gray-text: #6b7280;
  
  /* Background Colors */
  --bg-hero: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
  --bg-stats: linear-gradient(135deg, var(--color-gray-light) 0%, var(--color-gray-medium) 100%);
  --bg-features: var(--color-primary-dark);
  --bg-process: linear-gradient(135deg, var(--color-gray-medium) 0%, var(--color-gray-dark) 100%);
  --bg-cta: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
  
  /* Gradient Colors */
  --gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);
  --gradient-primary-reverse: linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-primary) 100%);
  --gradient-text-hero: linear-gradient(45deg, var(--color-white), #e0e0e0);
  
  /* Text Colors */
  --text-primary: var(--color-primary);
  --text-white: var(--color-white);
  --text-muted: var(--color-gray-text);
  
  /* Shadow Colors */
  --shadow-light: rgba(0, 0, 0, 0.1);
  --shadow-medium: rgba(0, 0, 0, 0.15);
  --shadow-dark: rgba(0, 0, 0, 0.2);
  --shadow-darker: rgba(0, 0, 0, 0.3);
  
  /* Overlay Colors */
  --overlay-white-light: rgba(255, 255, 255, 0.1);
  --overlay-white-medium: rgba(255, 255, 255, 0.05);
  --overlay-primary: rgba(30, 58, 95, 0.4);
  --overlay-primary-dark: rgba(30, 58, 95, 0.6);
}