:root {
  --ab-white: #ffffff;
  
  /* VARIABLE COLLECTION */
  --ab-black: #111111;
  --ab-text-black: #464749;
  --ab-bg-gray: #f6f6f6;
  --ab-red: #FF0032;
  --ab-dark-red: #9D1320;
  --ab-green: #5FAE53;
  --ab-blue: #356eb5;
  --ab-teal: #239087;
  --ab-orange: #F38118;
  --ab-gradient: linear-gradient(90deg, #E84E0F -8.14%, #ED9400 99.62%);

  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-500: 500;
  --font-weight-medium: 600;
  --font-weight-bold: 700;
  --font-weight-black: 900;

  --gap: 36px;
  --gap12: calc(var(--gap) / 3);
  --gap24: calc(var(--gap) / 3 * 2);
  --gap18: calc(var(--gap) / 2);
  --gap10: calc(var(--gap) / 4);
  --gap48: calc(var(--gap) / 3 * 4);
  --gap72: calc(var(--gap) * 2);
  --gap108: calc(var(--gap) * 3);
}

/* Font family definition for the site using Google Fonts Lato */
body {
  font-family: 'Lato', Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Lato', Arial, sans-serif;
}

.section-title,
.section-subtitle,
.chart-title {
  font-family: 'Lato', Arial, sans-serif;
}

/* Reset and base styles */