:root {
  color-scheme: light;
  font-size: 112.5%;
  --paper: #FDF8EF;
  --hero-type: var(--paper);
  --hero-entry-color: #49b3aa;
  --hero-duration: 1800ms;
  --hero-interval: 7000;
  --hero-blur: 10px;
  --hero-radius: 220; /* CSS pixels */
  --ink: #183a37;
  --body: #59655f;
  --font-body: "STIX Two Text", Georgia, serif;
  --font-ui: Inter, Arial, sans-serif;
  --font-display: Regatto, Georgia, serif;
  --text-body: 1rem;
  --text-lead: clamp(1.111rem, .95rem + .75vw, 1.333rem);
  --text-heading: .875rem;
  --text-display: clamp(2rem, 1.5rem + 1.5vw, 2.444rem);
  --line-body: 1.6;
  --line-lead: 1.5;
  --line-heading: 1.4;
  --line-display: 1.3;
  --weight-body: 400;
  --weight-heading: 700;
  --weight-emphasis: 600;
  --space-paragraph: 1.25rem;
  --space-section: 2.667rem;
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --duration-enter: 560ms;
  --text-reveal-edge: .92;
  --text-reveal-distance: 3.5; /* rem of scrolling to type one line */
  --text-reveal-cool-duration: 340ms;
  --text-reveal-red: #bd1f1f; /* MyImage promo */
  --text-reveal-muted: 18%;
  --text-reveal-color: var(--body);
  --duration-feedback: 160ms;
  --halftone-opacity: .065;
  --halftone-pitch: 6px;
  --halftone-reach: 220px;
}