:root {
  --color-page: #dae3e7;
  --color-sheet: #fff;
  --color-header: #f5f5f5;
  --color-footer: #32383e;
  --color-ink: #434343;
  --color-heading: #49515a;
  --color-slate: #778492;
  --color-muted: #626e78;
  --color-rule: #e3e9ec;
  --color-link: #26834b;
  --color-link-hover: #1d6a3c;
  --color-focus: #26834b;
  --color-selection: #dae3e7;
  --color-footer-ink: #edf0f2;
  --font-display: Montserrat, Arial, sans-serif;
  --font-body: Lato, Arial, sans-serif;
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 32px;
  --space-xl: 48px;
  --text-sm: 15px;
  --text-body: 17px;
  --text-item: 18px;
  --text-section: 24px;
  --text-name: clamp(28px, 3.5vw, 38px);
}