:root {
  --bg-primary: oklch(0.968 0.018 85);
  --bg-secondary: oklch(0.928 0.028 78);
  --text-primary: oklch(0.235 0.025 165);
  --bg-dark: oklch(0.22 0.02 60);
  --primary: oklch(0.66 0.11 75);
  --primary-hover: oklch(0.78 0.08 78);
  --text-secondary: oklch(0.4 0.008 70);
  --border-color: oklch(0.88 0.02 82);
  --text-muted: oklch(0.92 0.02 82);

   --space-3xs: .25rem;   
  --space-2xs: .5rem;    
  --space-xs: .75rem;    
  --space-sm: 1rem;      
  --space-md: 1.5rem;    
  --space-lg: 2rem;      
  --space-xl: 3rem;      
  --space-2xl: 4rem;     
  --space-3xl: 6rem;     

  --section-py: clamp(44px, 3.5vw, 96px);

 --radius-xs: 2px;
  --radius-sm: .375rem;
  --radius-pill: 50rem;
}