:root {
  --color-paper: #F3ECD9;
  --color-ink: #1E4D3A;
  --color-forest: #1E4D3A;
  --color-accent: #E8662A;
  --color-accent-ink: #1a1a1a;
  --color-surface: #faf7ef;
  --color-muted: #52634f;
  --color-line: #c7c8ad;
  --color-error: #9b3020;
  --color-focus: #1E4D3A;
  --font-display: National, sans-serif;
  --font-body: 'Work Sans', Arial, sans-serif;
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 40px;
  --space-xl: 64px;
  --space-2xl: 96px;
  --radius-sm: 8px;
  --radius-lg: 24px;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --dur-fast: 150ms;
}
:root {
  --space-unit-4: 4px;
  --space-unit-8: 8px;
  --space-unit-12: 12px;
  --space-unit-16: 16px;
  --space-unit-20: 20px;
  --space-unit-24: 24px;
  --space-unit-28: 28px;
  --space-unit-32: 32px;
  --space-unit-36: 36px;
  --space-unit-40: 40px;
  --space-unit-44: 44px;
  --space-unit-48: 48px;
  --space-unit-52: 52px;
  --space-unit-56: 56px;
  --space-unit-60: 60px;
  --space-unit-64: 64px;
  --space-unit-68: 68px;
  --space-unit-72: 72px;
  --space-unit-80: 80px;
  --space-unit-88: 88px;
  --space-unit-96: 96px;
  --space-unit-112: 112px;
  --space-unit-128: 128px;
}