/* Fondo general oscuro y color de texto base */
body {
    background-color: #0d1117;   /* casi negro azulado */
    color: #e6edf3;              /* gris claro para el texto */
}
 
/* Barra de navegación superior */
.navbar {
    background-color: #161b22 !important;  /* un poco más clara que el fondo */
    border-bottom: 1px solid #30363d;
}
 
/* Links de la navbar */
.navbar .nav-link,
.navbar .navbar-brand {
    color: #e6edf3 !important;
}
 
.navbar .nav-link:hover {
    color: #58a6ff !important;   /* azul al pasar el mouse */
}
 
/* Tarjetas (perfil, etc.) */
.card {
    background-color: #161b22;
    border: 1px solid #30363d;
    color: #e6edf3;
}
 
/* Tablas */
.table {
    color: #e6edf3;
}
 
/* Filas alternadas de las tablas con franjas */
.table-striped > tbody > tr:nth-of-type(odd) > * {
    background-color: #161b22;
    color: #e6edf3;
}
 
.table-striped > tbody > tr:nth-of-type(even) > * {
    background-color: #0d1117;
    color: #e6edf3;
}
 
/* Resaltado al pasar el mouse sobre filas clickeables */
.table-hover > tbody > tr:hover > * {
    background-color: #1f2937 !important;
}
 
/* Encabezados de tabla */
.table thead th {
    border-bottom: 2px solid #30363d;
    color: #8b949e;   /* gris medio para diferenciar el encabezado */
}
 
/* Inputs y selects de los formularios */
.form-control,
.form-select {
    background-color: #010409;
    border: 1px solid #30363d;
    color: #e6edf3;
}
 
/* Cuando el input está enfocado (clickeado) */
.form-control:focus,
.form-select:focus {
    background-color: #010409;
    border-color: #58a6ff;
    color: #e6edf3;
    box-shadow: 0 0 0 2px rgba(88, 166, 255, 0.3);
}
 
/* Botón primario (azul) */
.btn-primary {
    background-color: #1f6feb;
    border-color: #1f6feb;
}
 
.btn-primary:hover {
    background-color: #388bfd;
    border-color: #388bfd;
}
 
/* Botón secundario (volver) */
.btn-secondary {
    background-color: #21262d;
    border-color: #30363d;
    color: #e6edf3;
}
 
.btn-secondary:hover {
    background-color: #30363d;
    border-color: #8b949e;
}
 
/* Mensajes de alerta (errores en rojo) */
.alert-danger {
    background-color: #2d1214;
    border-color: #6e2024;
    color: #ff7b72;
}
 
/* Mensajes informativos (azul) */
.alert-info {
    background-color: #0d2436;
    border-color: #1f6feb;
    color: #79c0ff;
}
 
/* Links en general */
a {
    color: #58a6ff;
}
 
a:hover {
    color: #79c0ff;
}
 
/* Texto "muted" (gris) más claro para que se lea en dark mode.
   Afecta el "Rol: ADMIN" del menú y el footer. */
.text-muted {
    color: #8b949e !important;
}