:root {
  --primary: hsla(16, 100%, 66%, 1);
  --secondary: hsla(213, 55%, 31%, 1);
  --mint: hsla(158, 49%, 47%, 1);
  --red: hsla(0, 100%, 63%, 1);
  --mustard: hsla(46, 100%, 66%, 1);
  --azure: hsla(210, 100%, 60%, 1);
  --violet: hsla(249, 28%, 47%, 1);
  --beige: hsla(30, 50%, 60%, 1);
  --wcoffee: hsla(33, 34%, 86%, 1);
  --gray-xd: #2b2b2b;
  --gray-d: #4a4a4a;
  --gray-md: dimgray;
  --gray-m: #969696;
  --gray-ml: #b8b8b8;
  --gray-l: #d9d9d9;
  --gray-xl: whitesmoke;
  --white: #fff;
  --cool-d: #444950;
  --cool-md: #606871;
  --cool-m: #7e8691;
  --cool-ml: #a4aab2;
  --cool-l: #c8ccd0;
  --cool-xl: #e3e5e8;
}

::-webkit-selection {
  background: #89c8f8;
}

::-moz-selection {
  background: #89c8f8;
}

::selection {
  background: #89c8f8;
}

.fill-primary {
  fill: var(--primary);
}

.fill-secondary {
  fill: var(--secondary);
}

.fill-red {
  fill: var(--red);
}

.fill-dark {
  fill: var(--gray-d);
}

.fill-light {
  fill: var(--gray-ml);
}

.fill-white {
  fill: var(--white);
}

.text-primary {
  color: var(--primary) !important;
}

.text-secondary {
  color: var(--secondary) !important;
}

.text-dark {
  color: var(--gray-d) !important;
}

.text-white {
  color: #d9d9d9 !important;
}

.text-light {
  color: var(--cool-ml) !important;
}

.text-muted {
  color: var(--gray-m) !important;
}

.bg-dark {
  background-color: #2b2b2b !important;
}

.bg-white {
  background-color: var(--white) !important;
}

.kv, .kv-bg {
  width: 100%;
}

.kv-bg {
  padding: 0 .75rem;
  position: absolute;
  left: 0;
  z-index: -1;
}

.kv-bg.light svg {
  fill: var(--cool-xl);
}

.border {
  border: .125rem solid white !important;
}
/*# sourceMappingURL=light.css.map */