:root {
  --white:          #FFFFFF;
  --near-black:     #1A1A1A;
  --dark-charcoal:  #333333;
  --mid-grey:       #666666;
  --light-grey:     #E5E5E5;
  --warm-cream:     #F5F0E8;
  --al-orange:      #E84D1C;
  --scope-teal:     #3AADA8;

  --font-brand:     'Montserrat', sans-serif;
  --label-tracking: 1.5px;
  --brand-tracking: 6px;
}

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--font-brand);
  color: var(--near-black);
  background: var(--white);
  -webkit-font-smoothing: antialiased;
}