:root {
  --hq-ink: #173f3a;
  --hq-teal: #1d6257;
  --hq-coral: #ef795d;
  --hq-coral-wash: #fbe5da;
  --hq-mint: #dceee4;
  --hq-sun: #f4d56b;
  --hq-paper: #faf7ef;
  --hq-white: #ffffff;
  --hq-muted: #526762;
  --hq-line: #d8dfd7;
  --hq-focus: #1d6257;
  --hq-font: "Avenir Next", Avenir, "Segoe UI", sans-serif;
  --hq-radius-sm: 10px;
  --hq-radius-md: 18px;
  --hq-radius-lg: 28px;
  --hq-radius-pill: 999px;
  --hq-shadow: 0 24px 64px -24px #173f3a36;
  --hq-space-1: 4px;
  --hq-space-2: 8px;
  --hq-space-3: 12px;
  --hq-space-4: 16px;
  --hq-space-6: 24px;
  --hq-space-8: 32px;
  --hq-space-12: 48px;
  --hq-space-16: 64px;
  --hq-space-24: 96px;
  --hq-content-width: 1200px;
}