.bg-color-100 { background-color: #e4f7f8; } /* very light */
.bg-color-200 { background-color: #bdecef; }
.bg-color-300 { background-color: #94dfe4; }
.bg-color-400 { background-color: #65c9cb; } /* brand base */
.bg-color-500 { background-color: #4bb1b3; }
.bg-color-600 { background-color: #38999a; }
.bg-color-700 { background-color: #267e80; }
.bg-color-800 { background-color: #145f63; } /* very dark */

.text-color-100 { color: #e4f7f8; } /* very light */
.text-color-200 { color: #bdecef; }
.text-color-300 { color: #94dfe4; }
.text-color-400 { color: #65c9cb; } /* brand base */
.text-color-500 { color: #4bb1b3; }
.text-color-600 { color: #38999a; }
.text-color-700 { color: #267e80; }
.text-color-800 { color: #145f63; } /* very dark */

.hover\:bg-color-100:hover { background-color: #e4f7f8; }
.hover\:bg-color-200:hover { background-color: #bdecef; }
.hover\:bg-color-300:hover { background-color: #94dfe4; }
.hover\:bg-color-400:hover { background-color: #65c9cb; }
.hover\:bg-color-500:hover { background-color: #4bb1b3; }
.hover\:bg-color-600:hover { background-color: #38999a; }
.hover\:bg-color-700:hover { background-color: #267e80; }
.hover\:bg-color-800:hover { background-color: #145f63; }

.hover\:text-color-100:hover { color: #e4f7f8; }
.hover\:text-color-200:hover { color: #bdecef; }
.hover\:text-color-300:hover { color: #94dfe4; }
.hover\:text-color-400:hover { color: #65c9cb; }
.hover\:text-color-500:hover { color: #4bb1b3; }
.hover\:text-color-600:hover { color: #38999a; }
.hover\:text-color-700:hover { color: #267e80; }
.hover\:text-color-800:hover { color: #145f63; }


/* Alternative */
.bg-alt-100 { background-color: #fdecee; } /* very light */
.bg-alt-200 { background-color: #f9cfd3; }
.bg-alt-300 { background-color: #f3aeb5; }
.bg-alt-400 { background-color: #ee8a97; } /* brand accent */
.bg-alt-500 { background-color: #e86a7b; }
.bg-alt-600 { background-color: #d94a61; }
.bg-alt-700 { background-color: #bb324c; }
.bg-alt-800 { background-color: #982338; } /* very dark */

.text-alt-100 { color: #fdecee; } /* very light */
.text-alt-200 { color: #f9cfd3; }
.text-alt-300 { color: #f3aeb5; }
.text-alt-400 { color: #ee8a97; } /* brand accent */
.text-alt-500 { color: #e86a7b; }
.text-alt-600 { color: #d94a61; }
.text-alt-700 { color: #bb324c; }
.text-alt-800 { color: #982338; } /* very dark */

.hover\:bg-alt-100:hover { background-color: #fdecee; }
.hover\:bg-alt-200:hover { background-color: #f9cfd3; }
.hover\:bg-alt-300:hover { background-color: #f3aeb5; }
.hover\:bg-alt-400:hover { background-color: #ee8a97; }
.hover\:bg-alt-500:hover { background-color: #e86a7b; }
.hover\:bg-alt-600:hover { background-color: #d94a61; }
.hover\:bg-alt-700:hover { background-color: #bb324c; }
.hover\:bg-alt-800:hover { background-color: #982338; }

.hover\:text-alt-100:hover { color: #fdecee; }
.hover\:text-alt-200:hover { color: #f9cfd3; }
.hover\:text-alt-300:hover { color: #f3aeb5; }
.hover\:text-alt-400:hover { color: #ee8a97; }
.hover\:text-alt-500:hover { color: #e86a7b; }
.hover\:text-alt-600:hover { color: #d94a61; }
.hover\:text-alt-700:hover { color: #bb324c; }
.hover\:text-alt-800:hover { color: #982338; }