/* ============================================================
   AMCOTUR Vault — tema visual sobre Vaultwarden
   Paleta corporativa: azul navy (#1E3A8A / #2563EB)
   Estrategia: override de --color-brand-* (paleta raíz)
   Todo lo demás (botones, links, bordes) hereda automáticamente
   ============================================================ */

/* ── Paleta de marca AMCOTUR (reemplaza el azul por defecto) ── */
html,
html.theme_light,
html.theme_dark {
  --color-brand-050: #eff6ff;
  --color-brand-100: #dbeafe;
  --color-brand-200: #bfdbfe;
  --color-brand-300: #93c5fd;
  --color-brand-400: #60a5fa;   /* botón normal en tema light */
  --color-brand-500: #2563eb;   /* azul AMCOTUR principal */
  --color-brand-600: #1d4ed8;
  --color-brand-700: #1e40af;   /* botón normal en tema dark */
  --color-brand-800: #1e3a8a;
  --color-brand-900: #172554;
  --color-brand-950: #0b1437;

  /* El azul fijo de Bitwarden (bwi-blue) → azul AMCOTUR */
  --color-bw-blue: 37 99 235;

  /* Ilustraciones SVG */
  --color-illustration-logo:    37  99 235;
  --color-primary-600:          37  99 235;
  --color-primary-700:          29  78 216;
}

/* ── Logo: el SVG de Vaultwarden es inline (Angular) — ocultarlo ──
   y mostrar el logo de AMCOTUR como background en el <a> contenedor */
bit-landing-header a[href="#/"] {
  background-image: url('/amcotur-logo.svg') !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: contain !important;
  min-height: 40px !important;
  min-width: 160px !important;
}

bit-landing-header a[href="#/"] bit-svg {
  visibility: hidden !important;  /* oculta el SVG pero preserva el espacio */
}

/* ── Tagline flotante en esquina inferior derecha ── */
body::after {
  content: "AMCOTUR Vault  ·  powered by Vaultwarden CE";
  position: fixed;
  bottom: 8px;
  right: 14px;
  font-size: 10px;
  color: rgba(128, 128, 128, 0.4);
  pointer-events: none;
  z-index: 99999;
  font-family: ui-monospace, monospace;
  letter-spacing: 0.03em;
}