/* IPSmart W - tema claro (por defecto) y oscuro. Solo redefine las variables de app.css. */
:root[data-theme="light"] {
  --background: 244 245 251;
  --card: 255 255 255;
  --muted: 82 87 112;
  --secondary: 104 110 140;
  --foreground: 22 24 44;
  --focused: 235 236 247;
  --primary: 22 24 44;
  --accent: 109 63 224;
  --danger: 200 32 32;
}
:root[data-theme="light"] .bg-card { box-shadow: 0 1px 2px rgba(20, 22, 43, .06), 0 0 0 1px rgba(20, 22, 43, .05); }
:root[data-theme="light"] .shadow-md, :root[data-theme="light"] .popup { box-shadow: 0 8px 24px rgba(20, 22, 43, .12), 0 0 0 1px rgba(20, 22, 43, .06); }
:root[data-theme="light"] h1.text-white, :root[data-theme="light"] h2.text-white, :root[data-theme="light"] h4.text-white, :root[data-theme="light"] div.text-white, :root[data-theme="light"] h3.text-white:not(.bg-accent) { color: rgb(22 24 44); }
:root[data-theme="light"] img.invert-on-light { filter: invert(1) hue-rotate(180deg); }
.ipsw-theme-toggle { cursor: pointer; }