:root {
    /* Colores base BIASS */
    --color-biass-0: #0F2D69; /* Azul más oscuro */
    --color-biass-1: #034679; /* Azul medio */
    --color-biass-2: #0474A0; /* Azul más claro */
    --color-biass-3: #389DC4; /* Azul celeste */
    --color-biass-4: #023760; /* Azul profundo */
    --color-biass-5: #FCFDFF; /* Blanco suave */
    --color-biass-6: #0E91C3;
    --color-biass-7: #D5EBF3;

    /* Para modo oscuro */
    --color-biass-dark-0: #FFFFFF;
    --color-biass-dark-1: #0474A0;
    --color-biass-dark-2: #034679;
    --color-biass-dark-3: #0F2D69;
    --color-biass-dark-4: #389DC4;
    --color-biass-dark-5: #FCFDFF;
    /* Para modo claro */
    --color-biass-light-0: #0F2D69;
    --color-biass-light-1: #034679;
    --color-biass-light-2: #0474A0;
    --color-biass-light-3: #389DC4;
    --color-biass-light-4: #023760;
    --color-biass-light-5: #FCFDFF;
}

/* Colores según el tema */
[data-bs-theme="dark"] {
    --background-color: #0F2D69;
    --color-biass-0: var(--color-biass-dark-0);
    --color-biass-1: var(--color-biass-dark-1);
    --color-biass-2: var(--color-biass-dark-2);
    --color-biass-3: var(--color-biass-dark-3);
    --color-biass-4: var(--color-biass-dark-4);
    --color-biass-5: var(--color-biass-dark-5);
}

[data-bs-theme="light"] {
    --background-color: #FFFFFF;
    --color-biass-0: var(--color-biass-light-0);
    --color-biass-1: var(--color-biass-light-1);
    --color-biass-2: var(--color-biass-light-2);
    --color-biass-3: var(--color-biass-light-3);
    --color-biass-4: var(--color-biass-light-4);
    --color-biass-5: var(--color-biass-light-5);
}

/* Clases de fondo */
.bg-biass-0 {
    background-color: var(--color-biass-0) !important;
}

.bg-biass-1 {
    background-color: var(--color-biass-1) !important;
}

.bg-biass-2 {
    background-color: var(--color-biass-2) !important;
}

.bg-biass-3 {
    background-color: var(--color-biass-3) !important;
}

.bg-biass-4 {
    background-color: var(--color-biass-4) !important;
}

.bg-biass-5 {
    background-color: var(--color-biass-5) !important;
}
.bg-biass-7 {
    background-color: var(--color-biass-7) !important;
}
/* Clases de texto */
.text-biass-0 {
    color: var(--color-biass-0) !important;
}

.text-biass-1 {
    color: var(--color-biass-1) !important;
}

.text-biass-2 {
    color: var(--color-biass-2) !important;
}

.text-biass-3 {
    color: var(--color-biass-3) !important;
}

.text-biass-4 {
    color: var(--color-biass-4) !important;
}

.text-biass-5 {
    color: var(--color-biass-5) !important;
}

/* Clases de borde */
.border-biass-0 {
    border-color: var(--color-biass-0) !important;
}

.border-biass-1 {
    border-color: var(--color-biass-1) !important;
}

.border-biass-2 {
    border-color: var(--color-biass-2) !important;
}

.border-biass-3 {
    border-color: var(--color-biass-3) !important;
}

.border-biass-4 {
    border-color: var(--color-biass-4) !important;
}

.border-biass-5 {
    border-color: var(--color-biass-5) !important;
}

/* Hover */
.bg-biass-0-hover:hover {
    background-color: var(--color-biass-0) !important;
}

.bg-biass-1-hover:hover {
    background-color: var(--color-biass-1) !important;
}

.bg-biass-2-hover:hover {
    background-color: var(--color-biass-2) !important;
}

.bg-biass-3-hover:hover {
    background-color: var(--color-biass-3) !important;
}

.bg-biass-4-hover:hover {
    background-color: var(--color-biass-4) !important;
}

.bg-biass-5-hover:hover {
    background-color: var(--color-biass-5) !important;
}

/* Active */
.bg-biass-0-active:active {
    background-color: var(--color-biass-0) !important;
}

.bg-biass-1-active:active {
    background-color: var(--color-biass-1) !important;
}

.bg-biass-2-active:active {
    background-color: var(--color-biass-2) !important;
}

.bg-biass-3-active:active {
    background-color: var(--color-biass-3) !important;
}

.bg-biass-4-active:active {
    background-color: var(--color-biass-4) !important;
}

.bg-biass-5-active:active {
    background-color: var(--color-biass-5) !important;
}