:root {
  --color-paper: #f3f0e8;
  --color-paper-deep: #e6e0d3;
  --color-white: #fffdf8;
  --color-ink: #19231d;
  --color-ink-soft: #4b5850;
  --color-forest: #1d5b43;
  --color-forest-dark: #113728;
  --color-coral: #dc684d;
  --color-mustard: #f2c94c;
  --color-blue: #2d7180;
  --color-brown: #76502d;
  --color-mist: #dce8e2;

  /* Hamba journey colors */
  --color-dream: var(--color-forest);
  --color-dream-soft: var(--color-mist);
  --color-explore: var(--color-mustard);
  --color-explore-ink: #6a5200;
  --color-discover: var(--color-blue);
  --color-discover-light: #76b9c5;
  --color-share: var(--color-coral);
  --color-other: var(--color-brown);

  --color-line: rgba(25, 35, 29, .18);
  --color-line-light: rgba(255, 253, 248, .22);

  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Work Sans", "Trebuchet MS", sans-serif;

  --step--1: .78rem;
  --step-0: 1rem;
  --step-1: 1.2rem;
  --step-2: 1.55rem;
  --step-3: clamp(2rem, 4vw, 3.4rem);
  --step-4: clamp(3rem, 7vw, 6.2rem);
  --step-hero: clamp(5rem, 13vw, 10rem);

  --space-1: .5rem;
  --space-2: .75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: clamp(4.5rem, 9vw, 8rem);

  --shell: min(1180px, calc(100% - 3rem));
  --radius-small: 3px;
  --transition: 180ms ease;
}