:root {
  --color-ink: #171613;
  --color-ink-soft: #25221e;
  --color-paper: #eee7da;
  --color-paper-light: #f7f1e7;
  --color-wine: #621d21;
  --color-wine-deep: #421114;
  --color-bronze: #c38a55;
  --color-bronze-light: #dfb47f;
  --color-cream: #f5e9d5;
  --color-muted: #6d675f;
  --color-line: rgba(23, 22, 19, 0.16);
  --color-line-light: rgba(245, 233, 213, 0.18);
  --color-success: #9fae74;

  --font-display: "Bodoni 72", Didot, "Iowan Old Style", Baskerville, Georgia, serif;
  --font-body: "Avenir Next", Avenir, "Century Gothic", "Trebuchet MS", sans-serif;
  --font-label: "Avenir Next Condensed", "Arial Narrow", sans-serif;

  --step--1: clamp(0.78rem, 0.75rem + 0.14vw, 0.88rem);
  --step-0: clamp(0.98rem, 0.93rem + 0.22vw, 1.12rem);
  --step-1: clamp(1.15rem, 1.04rem + 0.52vw, 1.45rem);
  --step-2: clamp(1.42rem, 1.2rem + 0.98vw, 2rem);
  --step-3: clamp(1.9rem, 1.48rem + 1.85vw, 3rem);
  --step-4: clamp(2.55rem, 1.82rem + 3.2vw, 4.55rem);
  --step-5: clamp(3.55rem, 2.28rem + 5.55vw, 7.2rem);

  --space-1: 0.5rem;
  --space-2: 0.75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4.5rem;
  --space-8: 7rem;
  --space-9: 9rem;

  --container: 76rem;
  --container-wide: 92rem;
  --gutter: clamp(1.25rem, 3vw, 3rem);
  --header-height: 5.5rem;

  --radius-small: 0.35rem;
  --radius: 0.75rem;
  --radius-large: 1.4rem;
  --shadow-soft: 0 1rem 3rem rgba(28, 19, 12, 0.12);
  --shadow-strong: 0 1.5rem 5rem rgba(0, 0, 0, 0.34);

  --duration-fast: 180ms;
  --duration: 420ms;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}