/* PRUEBA: fondo Secondary Gray (#6F6B66). Se carga después de los estilos base y solo redefine tokens.
   Las "pantallas" de ejemplo (mocks, widget de reservas) siguen oscuras para contrastar sobre el gris. */
:root{
  --bg:#6F6B66;
  --bg-2:#686460;
  --panel:#615d58;
  --panel-2:#5a5651;
  --line:rgba(247,243,235,.16);
  --line-2:rgba(247,243,235,.30);
  --text:#F7F3EB;
  --soft:#f1ece3;
  --muted:#e6e0d6;
  --dim:#d6cfc3;
  /* tonos más claros para que se lean sobre el gris */
  --cyan:#8dffb8;
  --brand-ai:#b5c8ff;
  --control:#a9c1ff;
  --connect:#8dffb8;
  --ecommerce:#ffd08a;
  --campaigns:#d9c0ff;
  --calendar:#ffb6d8;
}
.nav.scrolled,.nav{background:rgba(111,107,102,.88)}
.nav-links.open{background:rgba(96,92,87,.98)}
.mock,.bk,.bk-bar,.graph-shell{--panel:#161c26;--panel-2:#1b2230;--line:rgba(216,209,198,.14);--line-2:rgba(216,209,198,.26);--muted:#aaa59d;--dim:#827d76;--soft:#ddd7cc}
.graph-shell{background:linear-gradient(180deg,rgba(13,17,24,.92),rgba(13,17,24,.8))}