:root {
  /* --- Brand colors --- */
  --ink: #000000;
  --paper: #ffffff;
  --sage: #525f39;
  --sage-dark: #3d4629;
  --plum: #492d3b;
  --plum-dark: #35202a;

  /* --- Background system --- */
  --bg: #ffffff;
  --bg-alt: #f7f7f5;
  --bg-dark: #201b17;
  --footer-bg: #1d1315;
  --footer-line: rgba(246, 241, 230, 0.14);
  --footer-ink: rgba(246, 241, 230, 0.72);

  /* --- Tints (for highlights, hovers, borders) --- */
  --sage-08: rgba(82, 95, 57, 0.08);
  --sage-14: rgba(82, 95, 57, 0.14);
  --sage-30: rgba(82, 95, 57, 0.3);
  --plum-08: rgba(73, 45, 59, 0.08);
  --plum-14: rgba(73, 45, 59, 0.14);
  --plum-30: rgba(73, 45, 59, 0.3);
  --ink-08: rgba(0, 0, 0, 0.08);
  --ink-14: rgba(0, 0, 0, 0.14);
  --ink-30: rgba(0, 0, 0, 0.28);
  --ink-50: rgba(0, 0, 0, 0.5);

  /* --- Type families --- */
  --font-display: "Besley", "Georgia", serif;
  --font-accent: "Fraunces", "Georgia", serif;
  --font-body: "Besley", "Georgia", serif;
  --font-body-read: "EB Garamond", "Times New Roman", serif;
  --font-mono: "JetBrains Mono", "Courier New", monospace;
  --font-hand-1: "Caveat", cursive;
  --font-hand-2: "Sacramento", cursive;
  --font-hand-3: "Dancing Script", cursive;

  /* --- Type scale (rem based, 1rem = 16px) --- */
  --step-caption: 0.75rem;
  --step-small: 0.9375rem;
  --step-body: 1.125rem;
  --step-lead: 1.375rem;
  --step-h4: 1.875rem;
  --step-h3: 2.5rem;
  --step-h2: 3.5rem;
  --step-h1: 5.25rem;

  /* --- Spacing scale --- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --space-9: 6rem;
  --space-10: 8rem;

  /* --- Layout --- */
  --container: 78rem;
  --gutter: 1.5rem;
  --radius: 0.25rem;

  /* --- Motion --- */
  --ease-editorial: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 0.3s;
  --dur-med: 0.6s;
  --dur-slow: 1s;
}

@media (max-width: 64rem) {
  :root {
    --step-h1: 3.75rem;
    --step-h2: 2.625rem;
    --step-h3: 2rem;
  }
}

@media (max-width: 30rem) {
  :root {
    --step-h1: 2.75rem;
    --step-h2: 2.125rem;
    --gutter: 1.25rem;
  }
}