/* AztecNova brand variables */
:root {
  --aztec-purple: #8223E3;
  --aztec-purple-hover: #6B1AC2;
  --aztec-dark: #04071B;
  --aztec-card: #242A40;
  --aztec-text: #FCFCFC;
  --aztec-meta: #7A7F91;
}

/* === BOTÓN PRIMARIO (verde → púrpura AztecNova) === */
.bg-surface-submit {
  background-color: var(--aztec-purple) !important;
}
.hover\:bg-surface-submit-hover:hover {
  background-color: var(--aztec-purple-hover) !important;
}

/* === LINKS verdes (Privacy policy, register, etc.) → púrpura === */
.text-green-500,
.text-green-600,
.dark\:text-green-500,
.dark\:text-green-400 {
  color: var(--aztec-purple) !important;
}
.hover\:text-green-700:hover,
.hover\:decoration-green-700:hover,
.dark\:hover\:text-green-400:hover,
.dark\:hover\:decoration-green-400:hover,
.focus\:text-green-700:focus,
.dark\:focus\:text-green-400:focus {
  color: var(--aztec-purple-hover) !important;
}

/* === I18N — mostrar solo el idioma activo === */
html[data-aztec-lang="en"] .aztec-es { display: none !important; }
html[data-aztec-lang="es"] .aztec-en { display: none !important; }

/* === SIDEBAR — branding AztecNova (versión refinada) === */

/* Logo wordmark mini en header del sidebar (centrado, no se corta) */
aside nav::before {
  content: "";
  display: block;
  width: 80%;
  height: 32px;
  margin: 12px auto 8px;
  background-image: url("/assets/logo.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border-bottom: 1px solid rgba(130, 35, 227, 0.15);
  padding-bottom: 8px;
}

/* Headers "Chats" / "Hoy" / "Today" en sidebar → tinte púrpura */
aside h2,
aside h3 {
  color: var(--aztec-purple) !important;
}

/* Solo el chat ACTIVO (clase compuesta `bg-surface-active` con texto dentro) → barra izquierda + tinte */
aside [class*="bg-surface-active"]:not([class*="hover:bg-surface-active"]) {
  border-left: 3px solid var(--aztec-purple) !important;
  background-color: rgba(130, 35, 227, 0.10) !important;
}

/* Hover MUY sutil en items del sidebar (~6% púrpura, casi invisible pero accent) */
aside button:hover,
aside a:hover {
  /* dejar que LibreChat aplique su hover default; no override agresivo */
}
