/* Background */
.bg-aqua-brightest {
    background-color: #00FFF9;
}

.bg-aqua-bright {
    background-color: #00AFB4;
}

.bg-aqua-middle {
    background-color: #009488;
}

.bg-aqua-dark {
    background-color: #076C74;
}

.bg-aqua-darkest {
    background-color: #084D5C;
}

.bg-sea-brightest {
    background-color: #ABEFF2;
}

.bg-sea-bright {
    background-color: #6BD3E0;
}

.bg-sea-middle-blue {
    background-color: #519FAC;
}

.bg-sea-middle-green {
    background-color: #59A7AB;
}

.bg-sea-dark {
    background-color: #2E5D65;
}

.bg-sea-blue {
    background-color: #35698E;
}

/* Texts */
.text-aqua-brightest {
    color: #00FFF9;
}

.text-aqua-bright {
    color: #00AFB4;
}

.text-aqua-middle {
    color: #009488;
}

.text-aqua-dark {
    color: #076C74;
}

.text-aqua-darkest {
    color: #084D5C;
}

.text-sea-brightest {
    color: #ABEFF2;
}

.text-sea-bright {
    color: #6BD3E0;
}

.text-sea-middle-blue {
    color: #519FAC;
}

.text-sea-middle-green {
    color: #59A7AB;
}

.text-sea-dark {
    color: #2E5D65;
}

.text-sea-blue {
    color: #35698E;
}

/* Border */
.border-aqua-brightest {
    border-color: #00FFF9;
}

.border-aqua-bright {
    border-color: #00AFB4;
}

.border-aqua-middle {
    border-color: #009488;
}

.border-aqua-dark {
    border-color: #076C74;
}

.border-aqua-darkest {
    border-color: #084D5C;
}

.border-sea-brightest {
    border-color: #ABEFF2;
}

.border-sea-bright {
    border-color: #6BD3E0;
}

.border-sea-middle-blue {
    border-color: #519FAC;
}

.border-sea-middle-green {
    border-color: #59A7AB;
}

.border-sea-dark {
    border-color: #2E5D65;
}

.border-sea-blue {
    border-color: #35698E;
}

.gradient-text-full {
    background-image: linear-gradient(to right, #00FFF9, #00AFB4, #009488, #076C74);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.gradient-text-half-1 {
    background-image: linear-gradient(to right, #00FFF9, #00AFB4, #009488);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.gradient-text-half-2 {
    background-image: linear-gradient(to right, #00AFB4, #009488, #076C74);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.gradient-text-reverse {
    background-image: linear-gradient(to right, #076C74, #009488, #00AFB4, #00FFF9);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}