:root {
    --bs-primary: #4489c8;
    --bs-secondary: #51c1e9;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #0068ae;

    /* Colores en formato RGB */

    --bs-primary-rgb: 68, 137, 200;
    --bs-secondary-rgb: 81, 193, 233;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 0, 174, 104;

    /* Colores adicionales */
    --blue-light: #82c0f4;
    --blue-dark: #1f5d92;
    --green-light: #85e1b1;
    --green-dark: #146b3a;
    --yellow-light: #ffed99;
    --yellow-dark: #bf8f00;
    --orange-light: #ffca87;
    --orange-dark: #b66a00;
}

/* Sobrescribir los estilos del botón primario de Bootstrap */
.btn-primary {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-dark) !important;
    font-weight: medium;
}

/* Cambiar el color del texto para el botón primario */
.btn-primary {
    color: #fff !important;
    /* Cambiar el color del texto a blanco */
}