:root {
  --lav-page: #f4f2f7;
  --lav-band: #e8e4ef;
  --lav-deep: #d9d3e3;
  --lav-line: rgba(71, 32, 63, 0.16);
  --lav-line-strong: rgba(71, 32, 63, 0.32);
  --surface: #fdfcfe;

  --plum-deep: #47203f;
  --plum: #6a2f5e;
  --plum-soft: #8a4a7c;

  --brass: #a97a2e;
  --brass-bright: #c99a44;
  --brass-wash: rgba(169, 122, 46, 0.12);

  --ink: #241f28;
  --muted: #5d5468;
  --on-plum: #f7f3f6;
  --on-plum-muted: #d8c8d4;

  --font-head: Cambria, "Iowan Old Style", Charter, Georgia, "Times New Roman", serif;
  --font-body: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "Cascadia Mono", Consolas, "SF Mono", Menlo, monospace;

  --step--1: 0.8125rem;
  --step-0: 1.0625rem;
  --step-1: 1.25rem;
  --step-2: clamp(1.4rem, 1.24rem + 0.7vw, 1.8rem);
  --step-3: clamp(1.75rem, 1.45rem + 1.4vw, 2.5rem);
  --step-4: clamp(2.4rem, 1.7rem + 3.4vw, 4.25rem);

  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 0.75rem;
  --s-4: 1rem;
  --s-5: 1.5rem;
  --s-6: 2rem;
  --s-7: 3rem;
  --s-8: 4rem;
  --s-9: 6rem;

  --radius-sm: 0.5rem;
  --radius: 0.875rem;
  --radius-lg: 1.25rem;

  --inner: inset 0 1px 2px rgba(71, 32, 63, 0.07);
  --lift: 0 10px 24px -14px rgba(36, 31, 40, 0.4);
  --seam: 0 -14px 28px -22px rgba(36, 31, 40, 0.55);

  --container: 74rem;
  --measure: 68ch;

  --focus-ring: 3px solid var(--plum);
  --focus-offset: 2px;
}