:root {
  /* Colors */
  --bg-color: #F0F9FF;
  --surface-color: #FFFFFF;
  --surface-hover: #E0F2FE;
  --text-primary: #1E293B;
  --text-secondary: #64748B;
  --accent-color: #0EA5E9;
  --accent-glow: rgba(14, 165, 233, 0.2);
  --border-color: #E2E8F0;

  /* Typography */
  --font-display: 'Space Grotesk', sans-serif;
  --font-body: 'Inter', sans-serif;

  /* Spacing */
  --spacing-xs: 0.5rem;
  /* 8px */
  --spacing-sm: 1rem;
  /* 16px */
  --spacing-md: 2rem;
  /* 32px */
  --spacing-lg: 4rem;
  /* 64px */
  --spacing-xl: 4rem;
  /* 64px - reduced from 8rem */

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

  /* Animation */
  --transition-fast: 0.2s ease;
  --transition-smooth: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}