/* ══════════════════════════════════════════════════════════════════════════
   LAB 3D · css/dark.css — Tema oscuro
   Solo redefine tokens: ningún color se declara aquí por primera vez.
   El tema se aplica con  <html data-theme="dark">  desde js/app.js.
   ══════════════════════════════════════════════════════════════════════════ */

[data-theme="dark"]{
	--bg:#080c14;
	--bg-grad:radial-gradient(1100px 620px at 12% -12%,rgba(34,211,238,.10) 0%,transparent 58%),
	          radial-gradient(900px 520px at 100% 0%,rgba(129,140,248,.12) 0%,transparent 55%),
	          radial-gradient(700px 700px at 85% 100%,rgba(16,185,129,.06) 0%,transparent 60%);
	--panel:#0f1622;
	--panel-2:#141d2b;
	--panel-3:#1b2637;
	--line:#22304a;
	--line-soft:#1a2436;

	--text:#e8eefc;
	--text-2:#c3cee2;
	--dim:#8697b5;
	--dim-2:#61728f;

	--acc:#22d3ee;      --acc-soft:rgba(34,211,238,.14);
	--acc-2:#a78bfa;    --acc-2-soft:rgba(167,139,250,.14);
	--ok:#34d399;       --ok-soft:rgba(52,211,153,.14);
	--warn:#fbbf24;     --warn-soft:rgba(251,191,36,.14);
	--bad:#fb7185;      --bad-soft:rgba(251,113,133,.14);
	--info:#60a5fa;     --info-soft:rgba(96,165,250,.14);

	--n-sim:#34d399;
	--n-prep:#fbbf24;
	--n-real:#fb7185;

	--sh-1:0 1px 2px rgba(0,0,0,.4),0 2px 10px rgba(0,0,0,.3);
	--sh-2:0 6px 18px rgba(0,0,0,.45),0 16px 40px rgba(0,0,0,.35);
	--sh-3:0 24px 70px rgba(0,0,0,.6);
	--ring:0 0 0 3px rgba(34,211,238,.25);

	color-scheme:dark;
}

/* Detalles que en oscuro necesitan un matiz distinto al simple cambio de token */
[data-theme="dark"] .card{background:linear-gradient(180deg,rgba(255,255,255,.028),transparent),var(--panel)}
[data-theme="dark"] .btn.pri{box-shadow:0 6px 20px rgba(34,211,238,.18)}
[data-theme="dark"] .glow{box-shadow:0 0 0 1px var(--line),0 0 34px rgba(34,211,238,.12)}
[data-theme="dark"] img.shot{filter:brightness(.92)}