:root {
  /* Define all your color variables here */
      --color-black: #1B1B1B;
      --color-white: #FFFFFF;
      --color-creme: #E1D8C2;
      --color-dark-green: #484F3C;
      --color-green: #5C634C;
      --color-light-green: #8C9578;
      --color-dark-peach: #f59868;
      --color-peach: #FBAC84;
      --color-light-peach: #FDC6A8;
      --color-navy: #37383C;
      --color-dark-navy: #2C2D31;
      --color-light-navy: #71737B;
  
  /* Just in case they forgot... */
  --color-white: #fff;
  --color-black: #000;
}


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


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


.text-creme {
  color: #E1D8C2;
}
.bg-creme {
  background-color: #E1D8C2;
}


.text-dark-green {
  color: #484F3C;
}
.bg-dark-green {
  background-color: #484F3C;
}


.text-green {
  color: #5C634C;
}
.bg-green {
  background-color: #5C634C;
}


.text-light-green {
  color: #8C9578;
}
.bg-light-green {
  background-color: #8C9578;
}


.text-dark-peach {
  color: #f59868;
}
.bg-dark-peach {
  background-color: #f59868;
}


.text-peach {
  color: #FBAC84;
}
.bg-peach {
  background-color: #FBAC84;
}


.text-light-peach {
  color: #FDC6A8;
}
.bg-light-peach {
  background-color: #FDC6A8;
}


.text-navy {
  color: #37383C;
}
.bg-navy {
  background-color: #37383C;
}


.text-dark-navy {
  color: #2C2D31;
}
.bg-dark-navy {
  background-color: #2C2D31;
}


.text-light-navy {
  color: #71737B;
}
.bg-light-navy {
  background-color: #71737B;
}