:root {
  --color-brand: #f8bd1c;
  --color-bg: #f7f6f2;
  --color-surface: #efeee9;
  --color-surface-2: #e2e1dc;
  --color-text: #080808;
  --color-muted: #737373;
  --color-line: #d9d8d3;
  --space-xs: .5rem;
  --space-sm: .875rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: clamp(4rem, 7vw, 7rem);
  --radius-sm: .25rem;
  --radius-md: .5rem;
  --radius-lg: 1rem;
  --container-main: 76rem;
  --header-height: 4.75rem;
  --font-display: "Manrope", sans-serif;
  --font-body: "Manrope", sans-serif;
}