:root {
  --color-camel: #A9702E;
  --color-off-black: #1C1A17;
  --color-cream: #F4EDE4;
  --color-warm-gray: #7A6C5D;
  --font-serif: 'Fraunces', Georgia, serif;
  --font-sans: 'Archivo', -apple-system, sans-serif;

  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4.5rem;
  --space-4xl: 7rem;
  --space-5xl: 10rem;

  --radius-sm: 2px;
  --radius-md: 4px;

  --nav-height: 4.25rem;
  --content-max: 72rem;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --duration: 0.45s;
}