:root {
  --font-sans: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  --font-heading: "Space Grotesk", var(--font-sans);

  --color-bg: hsl(220 20% 97%);
  --color-fg: hsl(220 25% 10%);
  --color-muted: hsl(220 10% 46%);
  --color-border: hsl(220 14% 89%);

  --color-primary: hsl(38 92% 50%);
  --color-primary-contrast: #ffffff;
  --color-surface: #ffffff;

  --radius-sm: 0.375rem;
  --radius-md: 0.625rem;
  --radius-lg: 0.75rem;

  --space-section-y: clamp(3rem, 6vw, 6rem);
  --space-container-x: clamp(1rem, 3vw, 2rem);
}