:root {
  --color-primary-text-background: #000000;
  --color-primary-green: #2A8461;
  --color-primary-yellow: #F68713;
  --color-tabs: #37AD7B;

  --text-h1: 2.25rem/1.25 'Atkinson Hyperlegible';
  --text-h2: 2rem/1.25 'Atkinson Hyperlegible';
  --text-h3: 1.5rem/1.25 'Atkinson Hyperlegible';
  --text-h4: 1rem/1.25 'Atkinson Hyperlegible';
  --text-h6: 0.875rem/1.25 'Atkinson Hyperlegible';
  --text-p: 1.125rem/1.25 'Atkinson Hyperlegible';
}

@media (min-width: 600px) {
  :root {
    --text-h1: 3rem/1.25 'Atkinson Hyperlegible';
    --text-h2: 2.25rem/1.25 'Atkinson Hyperlegible';
  }
}