/* ─────────────────────────────────────────────────────────────────────────
   Los colores y la letra del logo de PacificApp (MMP), 17/10/2026.

   Javier: "que toda la aplicación de todo el sistema se base en esos colores
   del logo". Va DESPUÉS de core.css y sólo cambia el color de la marca (el
   "primary" del tema: botones, enlaces, menú activo, foco).

   Lo que NO se toca, a propósito:
   - El semáforo de Sandra: verde (success), amarillo (warning), rojo (danger)
     y azul de "cerrada" (info). Tienen significado; no son decoración.
   - El morado del Modo Prueba (--mp en el layout): está para no competir.
   - La letra de las tablas: están medidas al píxel (§19). Exo 2 va sólo en
     la marca y en los títulos.
   - La zona de Moldes (moldes.css) conserva sus acentos granate (§21).

   Colores sacados del SVG del logo:
     #0E78B8 azul hondo · #1E78BD azul · #107BA2 azul petróleo
     #069593 turquesa   · #22B2B1 turquesa claro · #668896 gris azulado (letras)
   ───────────────────────────────────────────────────────────────────────── */

:root,
[data-bs-theme="light"] {
  --pa-azul: #0e78b8;
  --pa-azul-hondo: #0a5f93;
  --pa-turquesa: #069593;
  --pa-turquesa-claro: #22b2b1;
  --pa-acero: #668896;

  --bs-primary: #0e78b8;
  --bs-primary-rgb: 14, 120, 184;
  --bs-primary-bg-subtle: #e2f0f8;
  --bs-primary-border-subtle: #b3d6eb;
  --bs-primary-text-emphasis: #08486e;
  --bs-link-color: #0e78b8;
  --bs-link-color-rgb: 14, 120, 184;
  --bs-link-hover-color: #0a5f93;
  --bs-link-hover-color-rgb: 10, 95, 147;
  --bs-heading-color: #24404d;
  --bs-secondary-color: #668896;
}

.btn-primary {
  --bs-btn-bg: #0e78b8;
  --bs-btn-border-color: #0e78b8;
  --bs-btn-hover-bg: #0a5f93;
  --bs-btn-hover-border-color: #0a5f93;
  --bs-btn-active-bg: #0a5f93;
  --bs-btn-active-border-color: #0a5f93;
  --bs-btn-disabled-bg: #0e78b8;
  --bs-btn-disabled-border-color: #0e78b8;
  --bs-btn-focus-shadow-rgb: 14, 120, 184;
}

.btn-outline-primary {
  --bs-btn-color: #0e78b8;
  --bs-btn-border-color: #0e78b8;
  --bs-btn-hover-bg: #0e78b8;
  --bs-btn-hover-border-color: #0e78b8;
  --bs-btn-active-bg: #0a5f93;
  --bs-btn-active-border-color: #0a5f93;
  --bs-btn-disabled-color: #0e78b8;
  --bs-btn-disabled-border-color: #0e78b8;
  --bs-btn-focus-shadow-rgb: 14, 120, 184;
}

.progress { --bs-progress-bar-bg: #0e78b8; }

/* Menú: el renglón activo con la ola del logo (azul a turquesa). */
.layout-menu .menu-inner > .menu-item.active > .menu-link,
.layout-menu .menu-sub > .menu-item.active > .menu-link:not(.menu-toggle) {
  background: linear-gradient(72deg, #0e78b8 0%, #069593 100%) !important;
  box-shadow: 0 2px 6px 0 rgba(14, 120, 184, .35) !important;
  color: #fff !important;
}

.form-control:focus,
.form-select:focus {
  border-color: #0e78b8;
  box-shadow: 0 0 0 .2rem rgba(14, 120, 184, .15);
}

.form-check-input:checked {
  background-color: #0e78b8;
  border-color: #0e78b8;
}

/* ── La letra ──────────────────────────────────────────────────────────── */

.app-brand-text,
.acceso-nombre,
.marca-nombre {
  font-family: "Exo 2", "Public Sans", sans-serif !important;
  font-style: italic;
  font-weight: 800 !important;
  letter-spacing: .01em;
  color: var(--pa-acero) !important;
  text-transform: none !important;
}

h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5,
.card-title {
  font-family: "Exo 2", "Public Sans", sans-serif;
}