.bg-blue {
    background-color: var(--color-blue);
}

.bg-blue-dark {
    background-color: var(--color-blue-dark);
}

.bg-blue-light {
    background-color: var(--color-blue-light);
}

.bg-blue-sky {
    background-color: var(--color-blue-sky);
}

.bg-blue-sky-dark {
    background-color: var(--color-blue-sky-dark);
}

.border-blue {
    border-color: var(--color-blue);
}

.text-blue {
    color: var(--color-blue);
}

.border-blue-dark {
    border: 1px solid var(--color-blue-dark)
}

.border-blue-light {
    border: 1px solid var(--color-blue-light)
}

.border-blue-sky {
    border: 1px solid var(--color-blue-sky)
}


.border-blue {
    border: 1px solid var(--color-blue)
}

.bg-gris-claro {
    background-color: var(--color-gris-claro);
}
.bg-gris-oscuro {
    background-color: var(--color-gris-oscuro);
}