/* Generado por brand.css.php · no editar a mano.
   Los valores salen de Configuración -> Marca y apariencia, y se
   derivan midiendo con la fórmula WCAG (includes/brand.php). */

:root, [data-theme="light"] {
  --primary: #e59700;
  --primary-rgb: 229,151,0;
  --on-primary: #0a2540;
  --primary-text: #a36b00;
  --primary-dark: #c28000;
  --primary-light: #f6eedf;
  --primary-light-fg: #936100;
  --navy: #0a2540;
  --navy-2: #154e87;
  --navy-deep: #04111d;
  --navy-rgb: 10,37,64;
  --on-navy: #ffffff;
  --on-navy-rgb: 255,255,255;
  --navy-ink: #0a2540;
  --sidebar-fg: #9db1c5;
  --sidebar-fg-active: #ffffff;
  --sidebar-section: #798ea2;
  --sidebar-hover: rgba(255,255,255,.06);
}

[data-theme="dark"] {
  --primary: #e59700;
  --primary-rgb: 229,151,0;
  --on-primary: #0a2540;
  --primary-text: #e59700;
  --primary-dark: #ffb423;
  --primary-light: rgba(229,151,0,.16);
  --primary-light-fg: #e59700;
  --navy: #0a2540;
  --navy-2: #154e87;
  --navy-deep: #04111d;
  --navy-rgb: 10,37,64;
  --on-navy: #ffffff;
  --on-navy-rgb: 255,255,255;
  --navy-ink: #0a2540;
  --sidebar-fg: #9db1c5;
  --sidebar-fg-active: #ffffff;
  --sidebar-section: #798ea2;
  --sidebar-hover: rgba(255,255,255,.06);
}

.sidebar-brand i { background: rgba(var(--primary-rgb), .16); }

.page-hero::after {
  background: radial-gradient(circle closest-side,
              rgba(var(--primary-rgb), .30) 0%,
              rgba(var(--primary-rgb), .13) 55%,
              rgba(var(--primary-rgb), 0)   100%);
}

/* El texto de las superficies de estructura deja de estar fijo en blanco:
   con un navy claro, el blanco no se lee. Ver el caso resuelto en
   includes/brand.php. */
.page-hero,
.page-hero h1, .page-hero h2,
.dd-hero                      { color: var(--on-navy); }

/* El botón claro va sobre BLANCO, no sobre la estructura: su tinta se deriva
   contra el blanco, no del propio navy -- que con una marca clara sería
   ilegible sobre su propio botón. */
.page-hero .btn-light         { color: var(--navy-ink); }

/* El botón fantasma es un velo de la MISMA tinta del banner. Fijarlo en
   blanco lo hace invisible sobre una estructura clara. */
.page-hero .btn-outline-light {
  color: var(--on-navy);
  border-color: rgba(var(--on-navy-rgb), .45);
}
.page-hero .btn-outline-light:hover,
.page-hero .btn-outline-light:focus {
  background: rgba(var(--on-navy-rgb), .14);
  border-color: rgba(var(--on-navy-rgb), .70);
  color: var(--on-navy);
}