:root{
  --c-primary:hsl(210 53% 40%);
  --c-primary-dark:hsl(210 53% 28%);
  --c-accent:hsl(226 65% 46%);
  --c-accent-dark:hsl(226 65% 32%);
  --c-accent-soft:hsla(226, 65%, 46%, .12);
  --c-shadow-soft:0 18px 40px -22px hsla(210, 45%, 16%, .42);
  --c-bg:hsl(210 26% 98%);
  --c-surface:hsl(210 22% 95%);
  --c-surface-2:hsl(210 20% 92%);
  --c-text:hsl(210 24% 15%);
  --c-muted:hsl(210 14% 44%);
  --c-border:hsl(210 18% 90%);
  --radius:8px;
  --container:1280px;
  --space-section:55px;
  --space-hero:83px;
  --font-heading:"Source Serif 4",Georgia,serif;
  --font-body:"Source Sans 3",system-ui,sans-serif;
}