/* ----------------------------------------- */
/*  Premade Colors                           */
/* ----------------------------------------- */

.light {
  color: lightgray;
}

.bg-light {
  background: lightgray;
}

.darkgray {
  color: #23221d;
}

.bg-darkgray {
  background: #23221d;
  color: #fff;
}

.darkbrown {
  color: #464331c4;
}

.bg-darkbrown {
  background: #464331c4;
  color: #fff;
}

.darkslate {
  color: darkslategray;
}

.bg-darkslate {
  background: darkslategray;
  color: #fff;
}

.darkgreen {
  color: #003c1e;
}

.bg-darkgreen {
  background: #003c1e;
  color: #fff;
}

.darkblue {
  color: midnightblue;
}

.bg-darkblue {
  background: midnightblue;
  color: #fff;
}

.blue {
  color: #009ee0;
}

.bg-blue {
  background: #009ee0;
  color: #fff;
}

.green {
  color: #44a12b;
}

.bg-green {
  background: #44a12b;
  color: #fff;
}

.black {
  color: #000;
}

.bg-black {
  background: #000;
  color: #fff;
}

.red {
  color: #cd071e;
}

.bg-red {
  background: #cd071e;
  color: #fff;
}

.darkred {
  color: darkred;
}

.bg-darkred {
  background: darkred;
  color: #fff;
}

.purple {
  color: purple;
}

.bg-purple {
  background: purple;
  color: #fff;
}