/* === v11 THEMES === */
:root{
  --bg:#101214; --fg:#e8e8e8; --muted:#9aa0a6; --card:#17191c;
  --accent:#5b9cff; --accent2:#00c2a8; --link:#5b9cff; --border:#2a2f36;
}
body{ background:var(--bg); color:var(--fg); }
a { color: var(--link); }
.muted,.text-muted{ color:var(--muted)!important; }
.card,.panel,.box,.navbar,.sidebar{ background:var(--card); color:var(--fg); border-color:var(--border); }
.btn-primary{ background:var(--accent); color:#000; border:1px solid var(--border); }
.btn-secondary{ background:var(--accent2); color:#000; border:1px solid var(--border); }
table,th,td{ border-color:var(--border)!important; }

/* IMPERIAL (dorado + lapislázuli) */
.theme-imperial{
  --bg:#0c0f17; --fg:#ece8df; --muted:#b9b2a5; --card:#121624; --border:#1e2740;
  --accent:#d4af37; --accent2:#2a44a7; --link:#d4af37;
}

/* NEON GRID (negro + neones rosa/verde) */
.theme-neon{
  --bg:#070709; --fg:#e9e9ff; --muted:#a1a1b3; --card:#0c0c12; --border:#1a1a2a;
  --accent:#ff4d9d; --accent2:#39ff88; --link:#39ff88;
  background-image: radial-gradient(transparent 0 95%, rgba(255,77,157,.08) 96%), linear-gradient(transparent, transparent);
  background-size: 18px 18px, auto;
}

/* BLACK OPS (carbón + lima/ámbar) */
.theme-blackops{
  --bg:#0e0f10; --fg:#e6e8ea; --muted:#98a2a9; --card:#141618; --border:#202428;
  --accent:#a3ff12; --accent2:#ffbf00; --link:#a3ff12;
}

/* SKYLINE (azules claros, estilo meteo) */
.theme-skyline{
  --bg:#eaf2ff; --fg:#0b1b3a; --muted:#445a82; --card:#ffffff; --border:#cfe1ff;
  --accent:#0b72ff; --accent2:#00b5ff; --link:#0b72ff;
}

/* TERRACOTA (tierra/arena) */
.theme-terra{
  --bg:#1a1410; --fg:#f4eadf; --muted:#cfb79f; --card:#231a14; --border:#3b2a20;
  --accent:#d17436; --accent2:#b98a53; --link:#d17436;
}

/* WHITE PRO (claro profesional) */
.theme-white{
  --bg:#ffffff; --fg:#111; --muted:#606b75; --card:#ffffff; --border:#e6e8ea;
  --accent:#006adc; --accent2:#1ea672; --link:#006adc;
}

/* Dynamic: claro día / oscuro noche; si hay prefers-color-scheme se respeta */
.theme-dynamic{} /* placeholder */

/* Alto contraste opcional: puede convivir si ya lo tienes */
.theme-hc{
  --bg:#000; --fg:#fff; --muted:#ddd; --card:#000; --border:#fff;
  --accent:#ff0; --accent2:#0ff; --link:#ff0;
}