/* Reemplazar el color primario de Bootstrap (#0d6efd) por #0a1249 */
:root {
    --bs-primary: #0a1249 !important;
    --bs-primary-rgb: 144, 71, 255 !important;
    --bs-primary-hover: #7a35e8 !important;
}

/* Color de selección de texto */
::selection {
    background-color: rgba(144, 71, 255, 0.3);
}

/* Clase para alertas permanentes */
.alert-permanent {
    display: block !important;
}

/* Estilos para la descripción de curso */
.card-description {
    background-color: rgba(144, 71, 255, 0.05) !important;
    border-color: rgba(144, 71, 255, 0.2) !important;
    border-radius: 0.25rem;
}

/* Asegurar que el texto del navbar sea blanco */
.navbar-dark .navbar-nav .nav-link {
    color: white !important;
}

.navbar-dark .navbar-brand {
    color: white !important;
}

.navbar-dark .navbar-toggler-icon {
    color: white !important;
}

/* Asegurar que los textos en modales con fondo primario sean blancos */
.modal-header.bg-primary {
    color: white !important;
}

/* Asegurar que los textos en cards con fondo primario sean blancos */
.card-header.bg-primary {
    color: white !important;
}

/* Mejorar contraste en los dropdowns */
.dropdown-menu {
    background-color: white !important;
}

.dropdown-item {
    color: #343a40 !important;
}

.dropdown-item:hover, .dropdown-item:focus {
    background-color: rgba(144, 71, 255, 0.1) !important;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #0a1249 !important;
    color: white !important;
}

/* Colores de fondo */
.bg-primary {
    background: linear-gradient(135deg, #475569, #334155)
}

/* Botones primarios */
.btn-primary {
    background-color: #7a35e8 !important;
    border-color: #7a35e8 !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: #7a35e8 !important;
    border-color: #7a35e8 !important;
}

/* Enlaces */
a {
    color: #0a1249;
}

a:hover {
    color: #7a35e8;
}

/* Bordes */
.border-primary {
    border-color: #0a1249 !important;
}

/* Textos */
.text-primary {
    color: #0a1249 !important;
}

/* Badges */
.badge.bg-primary {
    background-color: #0a1249 !important;
}

/* Progress bars */
.progress-bar.bg-primary {
    background-color: #0a1249 !important;
}

/* Navegación */
.navbar-dark.bg-primary {
    background-color: #0a1249 !important;
}

/* Paginación */
.page-item.active .page-link {
    background-color: #0a1249 !important;
    border-color: #0a1249 !important;
}

.page-link {
    color: #0a1249;
}

.page-link:hover {
    color: #7a35e8;
}

/* Alertas */
.alert-primary {
    background-color: rgba(144, 71, 255, 0.2) !important;
    border-color: rgba(144, 71, 255, 0.3) !important;
    color: #0a1249 !important;
}

/* List groups */
.list-group-item.active {
    background-color: #0a1249 !important;
    border-color: #0a1249 !important;
}

/* Forms */
.form-check-input:checked {
    background-color: #0a1249 !important;
    border-color: #0a1249 !important;
}

/* Switches */
.form-switch .form-check-input:checked {
    background-color: #0a1249 !important;
    border-color: #0a1249 !important;
}

/* Inputs */
.form-control:focus {
    border-color: #0a1249 !important;
    box-shadow: 0 0 0 0.25rem rgba(144, 71, 255, 0.25) !important;
}

/* Cards con header primario */
.card-header.bg-primary {
    background-color: #0a1249 !important;
}

/* Spinner */
.spinner-border.text-primary {
    color: #0a1249 !important;
}

/* Navs y tabs */
.nav-pills .nav-link.active {
    background-color: #0a1249 !important;
}

.nav-link {
    color: #0a1249;
}

.nav-link:hover, .nav-link:focus {
    color: #7a35e8;
}

/* Tipografía */
.card-title {
    font-size: 1.5rem;
}

h1 {
    font-size: 2rem;
}

h2 {
    font-size: 1.75rem;
}

h3 {
    font-size: 1.5rem;
}

.dashboard-welcome {
    font-size: 1.25rem;
}