:root {
  /* Brand Colors */
  --color-primary: #1E96C8;
  --color-primary-dark: #146a8c;
  --color-primary-light: #e8f5fa;
  --color-primary-rgb: 30, 150, 200;
  
  /* Neutrals */
  --color-text: #2d3748;
  --color-text-light: #718096;
  --color-white: #ffffff;
  --color-bg-gray: #f7fafc;
  --color-bg-dark: #0a1628;
  
  /* Typography */
  --font-primary: 'Montserrat', sans-serif;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  
  /* Spacing */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 6rem;
  
  /* Layout */
  --container-max: 1200px;
  --header-height: 80px;
  
  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-medium: 0.4s ease;
  --transition-slow: 0.8s ease;
  
  /* Shadows */
  --shadow-sm: 0 2px 4px rgba(0,0,0,0.05);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.1);
  --shadow-lg: 0 12px 40px rgba(0,0,0,0.15);
  --shadow-hover: 0 16px 48px rgba(0,0,0,0.2);
}