:root {
  --color-midnight-green: #165260;
  --color-verdigris: #64b9ad;
  --color-ochre: #d6782a;
  --color-jasmine: #fbd970;
  --color-text: #17343b;
  --color-surface: #ffffff;
  --color-surface-muted: #f4f7f7;
  --color-border: #a9c0c2;
  --color-focus: #165260;

  --font-body: "Josefin Sans", sans-serif;
  --form-font-size: 1rem;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;

  --control-min-height: 2.75rem;
  --focus-width: 3px;
  --content-max-width: 70rem;
}