/* === Paleta principal === */
/* :root {
  --color-primary: #1976d2;
  --color-secondary: #43a047;
  --color-accent: #f57c00;
  --color-danger: #d32f2f;
  --color-bg: #f4f6f8;
  --color-dark: #2c3e50;
  --color-muted: #6c757d;
} */


:root {
  --color-primary: #1e3a5f;     /* Azul oscuro, sobrio */
  --color-secondary: #2e7d32;   /* Verde más apagado */
  --color-accent: #ef6c00;      /* Naranja suave pero serio */
  --color-danger: #c62828;      /* Rojo menos chillón */
  --color-bg: #f8f9fa;          /* Fondo claro y elegante */
  --color-dark: #212529;        /* Gris muy oscuro */
  --color-muted: #6c757d;       /* Gris para textos secundarios */
}

/* === Override de Bootstrap === */
body {
  background-color: #f4f6f8;
  color: var(--color-dark);
  font-family: 'Segoe UI', Roboto, Arial, sans-serif;
}

.navbar {
  background-color: var(--color-primary) !important;
}
.navbar-brand, .navbar-nav .nav-link {
  color: #fff !important;
}
.navbar-nav .nav-link.active {
  font-weight: bold;
  border-bottom: 2px solid #fff;
}

.btn-primary {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.btn-primary:hover {
  background-color: #1259a7;
}

.btn-success {
  background-color: var(--color-secondary);
  border-color: var(--color-secondary);
}
.btn-success:hover {
  background-color: #2e7d32;
}

.btn-warning {
  background-color: var(--color-accent);
  border-color: var(--color-accent);
  color: #fff;
}
.btn-danger {
  background-color: var(--color-danger);
  border-color: var(--color-danger);
}

/* Tarjetas / Paneles */
.card {
  border: none;
  border-radius: 10px;
  box-shadow: 0 3px 6px rgba(0,0,0,.1);
}
.card-header {
  background-color: var(--color-primary);
  color: #fff;
  font-weight: bold;
}

/* Tablas */
.table thead {
  background-color: var(--color-primary);
  color: #fff;
}
.table-hover tbody tr:hover {
  background-color: rgba(25, 118, 210, 0.1);
}

/* Formularios */
.form-control:focus {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 0.2rem rgba(25, 118, 210, 0.25);
}

/* Footer / Debug bar */
footer {
  background-color: var(--color-dark);
  color: #fff;
  text-align: center;
  padding: 10px;
}