:root {
  --color-paper: #f0eee6;
  --color-surface: #faf9f5;
  --color-ink: #191917;
  --color-ink-soft: #55534b;
  --color-teal: #009199;
  --color-teal-strong: #007c84;
  --color-teal-deep: #005f66;
  --color-terra: #cc7859;
  --color-terra-soft: rgba(204, 120, 89, 0.16);
  --color-teal-soft: rgba(0, 145, 153, 0.12);
  --color-line: rgba(25, 25, 23, 0.14);
  --color-line-soft: rgba(25, 25, 23, 0.08);

  --font-sans: Helvetica, "Helvetica Neue", Arial, system-ui, sans-serif;
  --font-wordmark: "Pally", sans-serif;
  --color-wordmark: #5a636a;

  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;

  --radius-card: 14px;
  --radius-pill: 999px;

  --container: 72rem;
  --header-height: 4.25rem;

  --shadow-card: 0 1px 2px rgba(25, 25, 23, 0.04), 0 10px 28px rgba(25, 25, 23, 0.06);
  --shadow-card-hover: 0 2px 4px rgba(25, 25, 23, 0.05), 0 16px 40px rgba(25, 25, 23, 0.1);

  --transition: 200ms ease;
}