:root {
  --terracotta: #c67a4b;
  --terracotta-dark: #8f4b2f;
  --sand: #d4b896;
  --teal: #1a6b6a;
  --teal-dark: #0e4e4d;
  --cream: #fff5e1;
  --paper: #fffaf0;
  --orange: #cc5500;
  --orange-dark: #983f00;
  --mauve: #b08b8b;
  --olive: #6b7b3a;
  --indigo: #3f51b5;
  --ink: #2d2521;
  --ink-soft: #544840;
  --white: #ffffff;
  --shadow: 0 2px 12px rgba(111, 63, 37, 0.14);
  --shadow-lift: 0 16px 34px rgba(111, 63, 37, 0.2);
  --radius-1: 4px;
  --radius-2: 8px;
  --radius-3: 12px;
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 4rem;
  --space-6: 8rem;
  --section-gap: clamp(4rem, 8vw, 8rem);
  --container: 80rem;
  --measure: 72ch;
  --spring: cubic-bezier(0.2, 0.86, 0.32, 1.18);
}