:root {
  --font-sans: "Arial", sans-serif;
  --font-serif: "Arial", serif;

  /* Typography helpers. */
  --font-size-base: 16px;
  --font-size-h1: 40px;
  --font-size-h2: 32px;
  --font-size-h3: 28px;
  --font-size-h4: 24px;
  --font-size-h5: 20px;
  --font-size-h6: var(--font-size-base);

  /* Layout helpers. */
  --sp: 16px;
  --content-left: 90px;
  --site-header-height-wide: var(--sp3);
  --container-padding: var(--sp);
  
  /**
  * Sciensano Base Color
  */
  --color-green-middle: #3AAA35;
  --color-green-dark: #006633;
  --color-green-light: #bccf00;
  --color-green-darker: #16392C;
  --color-green-lighter: #DFEAD1;
  --color-grey-dark: #58595B;
  --color-grey-light: #a5a5a5;
  --color-grey-darker: #373737;

  --primary-color: var(--color-green-dark);
  --secondary-color: var(--color-green-middle);
  --terciary-color: var(--color-green-light);
  --background-color: #efefef;
  --text-color: var(--color-grey-dark);
}