:root {
  --paper: #f6f3f7;
  --lav: #e4deea;
  --lav-deep: #cfc6d6;
  --plum: #5a2a4a;
  --plum-mid: #6e3a5c;
  --plum-deep: #321624;
  --brass: #c4a35a;
  --brass-deep: #8e7034;
  --ink: #1c161a;
  --muted: #5c5360;
  --focus: #8e7034;

  --font-display: "Zilla Slab", "Rockwell", "Cambria", serif;
  --font-body: "Figtree", "Segoe UI", sans-serif;

  --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: 4rem;
  --space-9: 5rem;
  --space-10: 7rem;

  --page: 70rem;
  --narrow: 45rem;
  --measure: 68ch;

  --radius-showcase: 1.125rem;
  --radius-control: 0.25rem;

  --border: var(--plum);
  --band-bg: var(--paper);
  --band-fg: var(--ink);
  --band-muted: var(--muted);
}