/* === COLORES DE FONDOS === */
.bg-primary-db {
    background-color: var(--color-primary-db); /* Azul marino */
}

.bg-primary-mb {
    background-color: var(--color-primary-mb); /* Azul claro */
}

.bg-primary-lb {
    background-color: var(--color-primary-lb); /* Azul claro */
}

.bg-accent-y {
    background-color: var(--color-accent-y); /* Amarillo */
}

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

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

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

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

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

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

.bg-overlay-blue-40 {
    background-color: var(--overlay-blue-40); /* Azul claro al 15% */
}

.bg-overlay-blue-15 {
    background-color: var(--overlay-blue-15); /* Azul claro al 15% */
}

.bg-overlay-blue-20 {
    background-color: var(--overlay-blue-20); /* Azul claro al 20% */
}

.bg-custom-red {
    background-color: #8A0005;
}

/* === COLORES DEL TEXTO === */
.text-primary-db {
    color: var(--color-primary-db);
}

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

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

.text-accent-y {
    color: var(--color-accent-y);
}

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

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

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

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


/* === COLORES PARA LOS BORDES === */
.border-primary-db {
    border-color: var(--color-primary-db);
}

.border-primary-mb {
    border-color: var(--color-primary-mb);
}

.border-primary-lb {
    border-color: var(--color-primary-lb);
}

.border-accent-y {
    border-color: var(--color-accent-y);
}

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