.fill-main {
  fill: #187498;
}

.fill-main-light {
  fill: #81cbf1;
}

.fill-main-lighter {
  fill: #a0e9ff;
}

.fill-main-xlight {
  fill: #ebfcff;
}

.fill-main-dark {
  fill: #00597a;
}

.bg-main {
  background-color: #187498;
}

.bg-main-light {
  background-color: #81cbf1;
}

.bg-main-lighter {
  background-color: #a0e9ff;
}

.bg-main-xlight {
  background-color: #ebfcff;
}

.bg-main-dark {
  background-color: #00597a;
}

.hover\:bg-main:hover {
  background-color: #187498;
}

.hover\:bg-main-light:hover {
  background-color: #81cbf1;
}

.hover\:bg-main-lighter:hover {
  background-color: #a0e9ff;
}

.hover\:bg-main-xlight:hover {
  background-color: #ebfcff;
}

.hover\:bg-main-dark:hover {
  background-color: #00597a;
}

.color-main {
  color: #187498;
}

.color-main-light {
  color: #81cbf1;
}

.color-main-lighter {
  color: #a0e9ff;
}

.color-main-xlight {
  color: #ebfcff;
}

.color-main-dark {
  color: #00597a;
}