/* ===== Modo oscuro ===== */
html[data-t="dark"]{background:#0B0F0C}
html[data-t="dark"] body{
  --bg:#121814; --surface:#1A211C; --surface-2:#242D26;
  --ink:#ECF1EC; --ink-2:#B4C0B6; --ink-3:#7B887F; --line:#2A332C;
  --brand:#1C5A40; --brand-2:#123B2A; --brand-tint:#1E2F26;
  --pos:#4CC08E; --pos-bg:#173327; --neg:#E77B62; --neg-bg:#3A211B;
  --warn:#D9A93F; --warn-bg:#352B14; --gold:#D9B44A;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 6px 20px rgba(0,0,0,.25);
}
html[data-t="dark"] .phone{box-shadow:0 0 60px rgba(0,0,0,.5)}
html[data-t="dark"] .tabs{background:rgba(22,28,24,.94)}
html[data-t="dark"] .toast{background:#ECF1EC;color:#161F1A}
html[data-t="dark"] .hero{background:linear-gradient(150deg,#123B2A 0%,#081F15 100%)}
html[data-t="dark"] .sheet{background:var(--surface)}