:root {
    --color-Principal: #105A3B;
    --color-Secundario: #0A122A;
    --color-Color_De_Fuente: #192120;
    --color-Color_De_Fondo: #effffa;
    --color-Negativo: #E31837;
    --color-Estado_Principal_Hover: #004F2D;
    --color-Estado_Principal_Pressed:;
    --color-Estado_Secundario_Hover: #003C5A;
    --color-Estado_Secundario_Pressed: #11161E;
    --color-Estado_Negativo_Hover: #c8102e;
    --color-Estado_Negativo_Pressed: #800101;
}

.Fondo_Principal_Corcasa {
    background-color: var(--color-Principal); /* Verde Oscuro */
    color: white;
    border: 2px solid var(--color-Color_De_Fondo) !important;
}

/* Agregar clases para hover */
.hover\:bg-Principal:hover {
    background-color: var(--color-Principal) !important;
}

.hover\:text-white:hover {
    color: white !important;
}