/*

  COLORS
  Better default colors for the web

*/
/*

   VARIABLES

   - Cool
   - Warm
   - Gray Scale

*/
/*

   SKINS
   - Backgrounds
   - Colors
   - Border colors
   - SVG fills
   - SVG Strokes

*/
/* Backgrounds */
/*f5426c  */
.bg-navy {
  background-color: #7e899b;
}
.bg-blue {
  background-color: #0033cc;
}
.bg-aqua {
  background-color: #7fdbff;
}
.bg-teal {
  background-color: #ccffff;
}
.bg-olive {
  background-color: #3d9970;
}
.bg-green {
  background-color: #09bb07;
}
.bg-lime {
  background-color: #01ff70;
}
.bg-yellow {
  background-color: #f9c722;
}
.bg-orange {
  background-color: #ff851b;
}
.bg-red {
  background-color: #f5426c;
}
.bg-fuchsia {
  background-color: #f012be;
}
.bg-purple {
  background-color: #b10dc9;
}
.bg-maroon {
  background-color: #e64340;
}
.bg-white {
  background-color: #ffffff;
}
.bg-gray {
  background-color: #aaaaaa;
}
.bg-silver {
  background-color: #f4f4f4;
}
.bg-black {
  background-color: #353535;
}
/* Colors */
.navy {
  color: #7e899b;
}
.blue {
  color: #0033cc;
}
.aqua {
  color: #7fdbff;
}
.teal {
  color: #ccffff;
}
.olive {
  color: #3d9970;
}
.green {
  color: #09bb07;
}
.lime {
  color: #01ff70;
}
.yellow {
  color: #f9c722;
}
.orange {
  color: #ff851b;
}
.red {
  color: #f5426c;
}
.fuchsia {
  color: #f012be;
}
.purple {
  color: #b10dc9;
}
.maroon {
  color: #e64340;
}
.white {
  color: #ffffff;
}
.silver {
  color: #f4f4f4;
}
.gray {
  color: #aaaaaa;
}
.black {
  color: #353535;
}
/* Border colors

   Use with another border utility that sets border-width and style
   i.e .border { border-width: 1px); border-style: solid); }
*/
.border--navy {
  border-color: #7e899b;
}
.border--blue {
  border-color: #0033cc;
}
.border--aqua {
  border-color: #7fdbff;
}
.border--teal {
  border-color: #ccffff;
}
.border--olive {
  border-color: #3d9970;
}
.border--green {
  border-color: #09bb07;
}
.border--lime {
  border-color: #01ff70;
}
.border--yellow {
  border-color: #f9c722;
}
.border--orange {
  border-color: #ff851b;
}
.border--red {
  border-color: #f5426c;
}
.border--fuchsia {
  border-color: #f012be;
}
.border--purple {
  border-color: #b10dc9;
}
.border--maroon {
  border-color: #e64340;
}
.border--white {
  border-color: #ffffff;
}
.border--gray {
  border-color: #aaaaaa;
}
.border--silver {
  border-color: #f4f4f4;
}
.border--black {
  border-color: #353535;
}
/* Fills for SVG */
.fill-navy {
  fill: #7e899b;
}
.fill-blue {
  fill: #0033cc;
}
.fill-aqua {
  fill: #7fdbff;
}
.fill-teal {
  fill: #ccffff;
}
.fill-olive {
  fill: #3d9970;
}
.fill-green {
  fill: #09bb07;
}
.fill-lime {
  fill: #01ff70;
}
.fill-yellow {
  fill: #f9c722;
}
.fill-orange {
  fill: #ff851b;
}
.fill-red {
  fill: #f5426c;
}
.fill-fuchsia {
  fill: #f012be;
}
.fill-purple {
  fill: #b10dc9;
}
.fill-maroon {
  fill: #e64340;
}
.fill-white {
  fill: #ffffff;
}
.fill-gray {
  fill: #aaaaaa;
}
.fill-silver {
  fill: #f4f4f4;
}
.fill-black {
  fill: #353535;
}
/* Strokes for SVG */
.stroke-navy {
  stroke: #7e899b;
}
.stroke-blue {
  stroke: #0033cc;
}
.stroke-aqua {
  stroke: #7fdbff;
}
.stroke-teal {
  stroke: #ccffff;
}
.stroke-olive {
  stroke: #3d9970;
}
.stroke-green {
  stroke: #09bb07;
}
.stroke-lime {
  stroke: #01ff70;
}
.stroke-yellow {
  stroke: #f9c722;
}
.stroke-orange {
  stroke: #ff851b;
}
.stroke-red {
  stroke: #f5426c;
}
.stroke-fuchsia {
  stroke: #f012be;
}
.stroke-purple {
  stroke: #b10dc9;
}
.stroke-maroon {
  stroke: #e64340;
}
.stroke-white {
  stroke: #ffffff;
}
.stroke-gray {
  stroke: #aaaaaa;
}
.stroke-silver {
  stroke: #f4f4f4;
}
.stroke-black {
  stroke: #353535;
}