/* Sobrescribir los estilos de Bootstrap con la paleta personalizada */

/* Botones */
.btn-primary {
    background-color: var(--accent-color) !important; /* Naranja Energía */
    border-color: var(--accent-color) !important;
    color: var(--text-color) !important; /* Blanco Humo */
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: var(--highlight-color) !important; /* Amarillo Oro */
    border-color: var(--highlight-color) !important;
    color: var(--border-color) !important; /* Gris Carbón */
}


/* Tarjetas */
.card {
    border-color: var(--border-color) !important; /* Gris Carbón */
}

.card-title {
    color: var(--secondary-color) !important; /* Azul Marino */
}


/* Texto */
.text-primary {
    color: var(--secondary-color) !important; /* Azul Marino */
}

/* Información Bursátil */
.stock-info {
    background-color: var(--primary-color) !important; /* Verde Petróleo */
}

/* Botones de Acciones */
.btn-outline-primary {
    color: var(--secondary-color) !important; /* Azul Marino */
    border-color: var(--secondary-color) !important;
}

.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active {
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
    color: var(--text-color) !important; /* Blanco Humo */
}

/* General */
body {
    background-color: var(--text-color) !important; /* Blanco Humo */
    color: var(--secondary-color) !important; /* Gris Carbón */
}