/* COLORS
  Better default colors for the web */

/* VARIABLES

   - Cool
   - Warm
   - Gray Scale */

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

/* Backgrounds */

.bg-navy {
  background-color: #001f3f !important;
}

.bg-blue {
  background-color: #0074d9 !important;
}

.bg-aqua {
  background-color: #7fdbff !important;
}

.bg-teal {
  background-color: #39cccc !important;
}

.bg-olive {
  background-color: #3d9970 !important;
}

.bg-green {
  background-color: #2ecc40 !important;
}

.bg-lime {
  background-color: #01ff70 !important;
}

.bg-yellow {
  background-color: #ffdc00 !important;
}

.bg-orange {
  background-color: #ff851b !important;
}

.bg-red {
  background-color: #ff4136 !important;
}

.bg-fuchsia {
  background-color: #f012be !important;
}

.bg-purple {
  background-color: #b10dc9 !important;
}

.bg-maroon {
  background-color: #85144b !important;
}

.bg-white {
  background-color: #ffffff !important;
}

.bg-gray {
  background-color: #aaaaaa !important;
}

.bg-silver {
  background-color: #dddddd !important;
}

.bg-black {
  background-color: #111111 !important;
}

/* Colors */

.navy {
  color: #001f3f !important;
}

.blue {
  color: #0074d9 !important;
}

.aqua {
  color: #7fdbff !important;
}

.teal {
  color: #39cccc !important;
}

.olive {
  color: #3d9970 !important;
}

.green {
  color: #2ecc40 !important;
}

.lime {
  color: #01ff70 !important;
}

.yellow {
  color: #ffdc00 !important;
}

.orange {
  color: #ff851b !important;
}

.red {
  color: #ff4136 !important;
}

.fuchsia {
  color: #f012be !important;
}

.purple {
  color: #b10dc9 !important;
}

.maroon {
  color: #85144b !important;
}

.white {
  color: #ffffff !important;
}

.silver {
  color: #dddddd !important;
}

.gray {
  color: #aaaaaa !important;
}

.black {
  color: #111111 !important;
}

/* 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: #001f3f;
}

.border--blue {
  border-color: #0074d9;
}

.border--aqua {
  border-color: #7fdbff;
}

.border--teal {
  border-color: #39cccc;
}

.border--olive {
  border-color: #3d9970;
}

.border--green {
  border-color: #2ecc40;
}

.border--lime {
  border-color: #01ff70;
}

.border--yellow {
  border-color: #ffdc00;
}

.border--orange {
  border-color: #ff851b;
}

.border--red {
  border-color: #ff4136;
}

.border--fuchsia {
  border-color: #f012be;
}

.border--purple {
  border-color: #b10dc9;
}

.border--maroon {
  border-color: #85144b;
}

.border--white {
  border-color: #ffffff;
}

.border--gray {
  border-color: #aaaaaa;
}

.border--silver {
  border-color: #dddddd;
}

.border--black {
  border-color: #111111;
}

/* Fills for SVG */

.fill-navy {
  fill: #001f3f;
}

.fill-blue {
  fill: #0074d9;
}

.fill-aqua {
  fill: #7fdbff;
}

.fill-teal {
  fill: #39cccc;
}

.fill-olive {
  fill: #3d9970;
}

.fill-green {
  fill: #2ecc40;
}

.fill-lime {
  fill: #01ff70;
}

.fill-yellow {
  fill: #ffdc00;
}

.fill-orange {
  fill: #ff851b;
}

.fill-red {
  fill: #ff4136;
}

.fill-fuchsia {
  fill: #f012be;
}

.fill-purple {
  fill: #b10dc9;
}

.fill-maroon {
  fill: #85144b;
}

.fill-white {
  fill: #ffffff;
}

.fill-gray {
  fill: #aaaaaa;
}

.fill-silver {
  fill: #dddddd;
}

.fill-black {
  fill: #111111;
}

/* Strokes for SVG */

.stroke-navy {
  stroke: #001f3f;
}

.stroke-blue {
  stroke: #0074d9;
}

.stroke-aqua {
  stroke: #7fdbff;
}

.stroke-teal {
  stroke: #39cccc;
}

.stroke-olive {
  stroke: #3d9970;
}

.stroke-green {
  stroke: #2ecc40;
}

.stroke-lime {
  stroke: #01ff70;
}

.stroke-yellow {
  stroke: #ffdc00;
}

.stroke-orange {
  stroke: #ff851b;
}

.stroke-red {
  stroke: #ff4136;
}

.stroke-fuchsia {
  stroke: #f012be;
}

.stroke-purple {
  stroke: #b10dc9;
}

.stroke-maroon {
  stroke: #85144b;
}

.stroke-white {
  stroke: #ffffff;
}

.stroke-gray {
  stroke: #aaaaaa;
}

.stroke-silver {
  stroke: #dddddd;
}

.stroke-black {
  stroke: #111111;
}