:root {
  --cream: #FCFBF6;
  --cream-deep: #F4F0EA;
  --ink: #2C3A25;
  --ink-body: #33361C;
  --forest: #37462D;
  --on-forest: #F7F1E3;
  --gold: #A88B62;
  --gold-text: #8A6F47;
  --rsvp-paper: #EDE1D6;
  --field: #FBF7F1;
  --sage: #6B7566;
  --line: rgb(44 58 37 / 0.18);
  --on-photo: #FBF6EA;
  --error: #8A2F23;

  --font-script: "Pinyon Script", "Snell Roundhand", cursive;
  --font-serif: "Cormorant Garamond", Garamond, "Times New Roman", serif;
  --font-label: "Montserrat", "Helvetica Neue", Arial, sans-serif;

  --step--1: clamp(0.8125rem, 0.78rem + 0.15vw, 0.9375rem);
  --step-0: clamp(1.1875rem, 1.12rem + 0.3vw, 1.375rem);
  --step-1: clamp(1.25rem, 1.12rem + 0.55vw, 1.625rem);
  --step-2: clamp(1.75rem, 1.4rem + 1.4vw, 2.5rem);
  --step-3: clamp(2.75rem, 2rem + 3.2vw, 5rem);
  --step-4: clamp(3.5rem, 2.2rem + 5.5vw, 6.25rem);
  --step-5: clamp(4rem, 2rem + 8.5vw, 9.375rem);

  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px;
  --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px; --s-10: 128px;
  --gutter: clamp(16px, 4vw, 48px);
  --section-y: clamp(64px, 10vw, 140px);
  --measure: 65ch;
  --nav-h: 64px;

  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --press: 140ms;
}