/*
==============================
Variables
==============================
*/

:root {
  --turquoise: #00c3c1;
  --yellow: #ffd703;
  --black: #252528;
  --pink: #ff007a;
  --white: #fff;
  --lightGrey: #f6f6f6;
  --navbarGrey: #3F3F42;
  --navtabGrey: #9D9D9E;
  --grey: #363639;
  --activePink: #9C004A;
  --activeTurquoise: #008987;
  --activeLightPink: #FF6BB2;
  --purple: #4228AD;
}

/*
==============================
Colors
==============================
*/


.color-turquoise {
  color: #00c3c1;
}
.color-yellow {
  color: #ffd703;
}
.color-black {
  color: #252528;
}
.color-pink {
  color: #ff007a;
}
.color-red {
  color: #f24244;
}
.color-purple {
  color: #4228ad;
}
.color-white {
  color: #fff;
}
.color-grey {
  color: #acacbd;
}

/*
==============================
Background Colors
==============================
*/

.bg-turquoise {
  background-color: #00c3c1;
}
.bg-light-turquoise {
  background-color: #6BDCDB;
}
.bg-yellow {
  background-color: #ffd703;
}
.bg-black {
  background-color: #252528;
}
.bg-pink {
  background-color: #ff007a;
}
.bg-red {
  background-color: #f24244;
}
.bg-purple {
  background-color: #4228ad;
}
.bg-white {
  background-color: #fff;
}
.bg-light-grey {
  background-color: #f6f6f6;
}
.bg-dark-grey {
  background-color: #363639;
}

/*
==============================
Border Colors
==============================
*/


.border-turquoise {
  border-color: #00c3c1;
}
.border-yellow {
  border-color: #ffd703;
}
.border-black {
  border-color: #252528;
}
.border-pink {
  border-color: #ff007a;
}
.border-red {
  border-color: #f24244;
}
.border-purple {
  border-color: #4228ad;
}
.border-white {
  border-color: #fff;
}