:root {
  color-scheme: light;
  --paper: #f4f0e6;
  --paper-deep: #eae3d4;
  --surface: #fffdf7;
  --ink: #14342d;
  --text: #2c403a;
  --muted: #626e68;
  --clay: #ad4f3a;
  --clay-dark: #7d3425;
  --sage: #dce5d8;
  --sage-dark: #5a7056;
  --warning: #f2e0c6;
  --line: #b9b9aa;
  --focus: #0a6290;
  --shadow: 0 18px 45px rgb(20 52 45 / 10%);
  --serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  --sans: "Avenir Next", Avenir, "Segoe UI", Helvetica, Arial, sans-serif;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;
  --space-32: 8rem;
  --radius-none: 0;
  --radius-focus: .15rem;
  --layout-max: 80rem;
  --layout-measure: 49rem;
  --layout-gutter: clamp(1rem, 4vw, 2.5rem);
  --motion-fast: 140ms;
  --motion-normal: 220ms;
  --motion-easing: ease-out;
}