:root {
  --color-brand-blue: #1877a4;
  --color-brand-blue-deep: #123e63;
  --color-brand-green: #83b62d;
  --color-brand-green-bright: #a7ce44;
  --color-paper: #ffffff;
  --color-paper-soft: #f3f9fb;
  --color-paper-blue: #e7f3f8;
  --color-rule: #d1e1e8;
  --color-ink: #123e63;
  --color-muted: #496577;
  --color-focus: #57a7d0;
  --font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', system-ui, sans-serif;
  --space-xs: .75rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-2xl: 4.5rem;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --dur-short: 220ms;
}