:root {
  /* Define all your color variables here */
      --color-white: #FFFFFF;
      --color-black: #171717;
      --color-navy: #272B37;
      --color-navy-light: #555B6A;
      --color-red: #731014;
      --color-gray-medium: #E4E4E4;
      --color-gray-dark: #A9A9A9;
  
  /* Just in case they forgot... */
  --color-white: #fff;
  --color-black: #000;
}


.text-white {
  color: #FFFFFF;
}
.bg-white {
  background-color: #FFFFFF;
}


.text-black {
  color: #171717;
}
.bg-black {
  background-color: #171717;
}


.text-navy {
  color: #272B37;
}
.bg-navy {
  background-color: #272B37;
}


.text-navy-light {
  color: #555B6A;
}
.bg-navy-light {
  background-color: #555B6A;
}


.text-red {
  color: #731014;
}
.bg-red {
  background-color: #731014;
}


.text-gray-medium {
  color: #E4E4E4;
}
.bg-gray-medium {
  background-color: #E4E4E4;
}


.text-gray-dark {
  color: #A9A9A9;
}
.bg-gray-dark {
  background-color: #A9A9A9;
}