:root {
  --page: #f4f1eb;
  --card: #ebe5dc;
  --raised: #faf8f3;
  --primary: #272b27;
  --secondary: #5c6358;
  --link: #485239;
  --action: #30362b;
  --on-action: #faf8f3;
  --strong: #777e6e;
  --default: #c9cbbf;
}
:root[data-theme="dark"] {
  --page: #1f2420;
  --card: #282e28;
  --raised: #30372f;
  --primary: #eeeade;
  --secondary: #c5c8bd;
  --link: #d3d8c0;
  --action: #d3d8c0;
  --on-action: #20251e;
  --strong: #8a9482;
  --default: #4b5647;
}

:root {
  --font-body: 'Manrope', sans-serif;
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --space-1: .25rem; --space-2: .5rem; --space-3: .75rem; --space-4: 1rem;
  --space-5: 1.25rem; --space-6: 1.5rem; --space-8: 2rem; --space-10: 2.5rem;
  --space-12: 3rem; --space-16: 4rem; --space-20: 5rem; --space-24: 6rem;
  --gutter: clamp(1.25rem, 4.5vw, 5rem); --container: 90rem;
  --section: clamp(4.5rem, 8vw, 8rem);
  --text-xs: .75rem; --text-sm: .8125rem; --text-base: 1rem; --text-lead: 1.125rem;
  --heading-1: clamp(3.25rem, 6.4vw, 6.25rem); --heading-2: clamp(2.5rem, 4.3vw, 4rem);
  --heading-3: clamp(1.65rem, 2.5vw, 2.15rem);
  --tracking-small: .13em; --tracking-display: -.035em;
  --line-body: 1.75; --line-heading: 1.03;
  --stroke: 1px; --focus: 2px; --focus-offset: 5px;
  --control: 2.75rem; --button-height: 3.5rem;
  --transition: 180ms ease; --image-transition: 450ms ease;
  --hero-image-height: 42rem; --hero-image-mobile: 29rem;
  --hero-copy-width: 31rem; --reading-width: 46rem;
  --dialog-width: 85rem; --dialog-image-height: 78vh;
  --round-size: clamp(5rem, 10vw, 8rem);
}