/* ============================================================
   Brava · Tema oscuro para las páginas web funcionales
   Redefine el sistema de variables (claro VLC -> oscuro Brava)
   y corrige los rellenos que usaban --ink como fondo.
   Se carga como ÚLTIMA hoja de estilo para ganar la cascada.
   ============================================================ */
:root{
  --paper:#070709; --white:#0e1512; --ink:#f5f6f6; --ink2:#c9d1cd;
  --grey:#9aa3a0; --grey2:#79827c;
  --line:rgba(255,255,255,.10); --line2:rgba(255,255,255,.055);
  --accent:#1e9e5e; --accent2:#23b56c; --gold:#1e9e5e; --sand:#1e9e5e;
  --pos:#1e9e5e; --pos-bg:rgba(30,158,94,.14);
  --neg:#dd4b4b; --neg-bg:rgba(221,75,75,.14);
  --panel:#0e1512; --panel2:#0c110f; --bg:#070709; --card:#0e1512;
  --warn:#e0a63a; --warn-bg:rgba(224,166,58,.14); --info:#4aa3e0; --info-bg:rgba(74,163,224,.14);
}
body{background:var(--paper)!important;color:var(--ink)!important}
/* Contraste de títulos y etiquetas sobre fondo oscuro */
h1,h2,h3,h4{color:var(--ink)!important}
label,.label{color:var(--ink2)!important}

/* Superficies claras -> paneles oscuros */
[style*="background:#fff"],[style*="background: #fff"],[style*="background:#ffffff"]{background:var(--white)!important}

/* Campos de formulario */
input,select,textarea{background:#0a0d0c!important;border-color:var(--line)!important;color:var(--ink)!important}
input::placeholder,textarea::placeholder{color:var(--grey2)!important}
select option{background:#0e1512;color:var(--ink)}

/* Botones sólidos que usaban --ink de fondo -> verde Brava */
.btn:not(.ghost):not(.btn-ghost):not(.pill),.navbtn,.nav-access,.wa,.okc{background:var(--accent)!important;color:#fff!important;border-color:transparent!important}
.btn:not(.ghost):not(.btn-ghost):hover,.navbtn:hover,.nav-access:hover{background:var(--accent2)!important}

/* Botones fantasma / secundarios */
.ghost,.btn-ghost{background:rgba(255,255,255,.04)!important;border-color:var(--line)!important;color:var(--ink)!important}

/* Logo badge / avatares / puntos indicadores */
.mk,.av,.gdot,.dotn,.n,.on,.done,.port{background:var(--accent)!important;color:#fff!important}

/* Heroes / bandas oscuras (ya eran oscuras: mantener en negro Brava) */
.hero,.band{background:linear-gradient(135deg,#0c1712 0%,#070709 75%)!important}
.hero *,.band *{border-color:var(--line)!important}

/* Píldoras y chips */
.pill-dark,.pill{background:rgba(30,158,94,.14)!important;color:var(--ink)!important;border-color:var(--line)!important}

/* Toasts / burbujas / tarjetas emergentes */
.toast,.cbub,.legal{background:var(--white)!important;color:var(--ink)!important;border-color:var(--line)!important}

/* Barras de navegación fijas con fondo claro hardcodeado -> oscuro */
.top,.navbar,.site-header,.topbar{background:rgba(7,7,9,.92)!important;border-color:var(--line)!important;backdrop-filter:blur(12px)}

/* Barra de cookies u overlays oscuros: asegurar contraste */
a{color:inherit}