:root {
  --color-black: #141311;
  --color-charcoal: #24211d;
  --color-white: #ffffff;
  --color-cream: #f3efe7;
  --color-cream-deep: #e8dfd0;
  --color-gold: #c0a174;
  --color-gold-light: #dcc7a6;
  --color-gold-dark: #80633f;

  --color-text: var(--color-charcoal);
  --color-text-inverse: var(--color-cream);
  --color-border: #d8cdbb;

  --font-heading: "Baskerville", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --font-body: "Avenir Next", Avenir, "Helvetica Neue", Arial, sans-serif;

  --step-0: clamp(0.95rem, 0.91rem + 0.2vw, 1.05rem);
  --step-1: clamp(1.25rem, 1.15rem + 0.5vw, 1.5rem);
  --step-2: clamp(2rem, 1.6rem + 1.7vw, 3.25rem);
  --step-3: clamp(3.2rem, 2rem + 5vw, 6.8rem);

  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.75rem;
  --space-lg: 3rem;
  --space-xl: clamp(4.5rem, 9vw, 8rem);

  --sidebar-width: 15rem;
  --content-max-width: 73rem;

  --radius: 0;
}