:root {
  --hg-paper: #f8f6f0;
  --hg-ink: #213d32;
  --hg-muted: #57685f;
  --hg-green: #315b47;
  --hg-line: #d9dfd5;
  --hg-white: #fffefa;
  --hg-peach: #efd5c2;
  --hg-clay: #9c553b;
  --hg-teal: #245c61;
  --hg-font: 'Malgun Gothic', 'Apple SD Gothic Neo', system-ui, sans-serif;
  --hg-font-display: var(--hg-font);
  --hg-text-xs: .75rem;
  --hg-text-sm: .875rem;
  --hg-text-base: 1rem;
  --hg-text-lg: 1.25rem;
  --hg-text-xl: 1.75rem;
  --hg-space-1: .25rem;
  --hg-space-2: .5rem;
  --hg-space-3: .75rem;
  --hg-space-4: 1rem;
  --hg-space-6: 1.5rem;
  --hg-space-8: 2rem;
  --hg-space-12: 3rem;
  --hg-space-16: 4rem;
  --hg-space-24: 6rem;
  --hg-radius: .5rem;
  --hg-focus: 3px solid var(--hg-teal);
  --hg-motion: 160ms;
}

@media (prefers-reduced-motion: reduce) {
  :root { --hg-motion: 0ms; }
}