:root {
  /* Color Palette */
  --color-primary: #1E90FF;
  --color-primary-dark: #0073e6;
  --color-primary-light: #e6f3ff;
  --color-white: #ffffff;
  --color-dark-gray: #1a1a1a;
  --color-medium-gray: #4a4a4a;
  --color-light-gray: #f5f5f7;
  --color-border: #e0e0e0;

  /* Typography */
  --font-base: 'Inter', system-ui, -apple-system, sans-serif;
  --font-heading: 'Outfit', system-ui, -apple-system, sans-serif;

  /* Spacing */
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 2rem;
  --spacing-lg: 4rem;
  --spacing-xl: 6rem;

  /* Transitions */
  --transition-fast: 0.2s ease-in-out;
  --transition-normal: 0.3s ease-in-out;

  /* Layout */
  --container-max-width: 1200px;
  --header-height: 80px;

  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.05);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.1);
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.15);
}