html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #080f1d;
  --surface: #101a2b;
  --text: #e8eef7;
  --muted: #9fb0c7;
  --line: #28374d;
  --accent: #2dd4bf;
  --accent-soft: #153047;
  --shadow: 0 20px 50px rgba(0, 0, 0, .24);
}

html[data-theme="dark"] body {
  background: radial-gradient(circle at 88% 0, rgba(45, 212, 191, .08), transparent 28rem), var(--bg);
}

html[data-theme="dark"] .product-card {
  background: var(--surface);
  border-color: var(--line);
}

html[data-theme="dark"] .product-icon {
  color: var(--accent);
  background: var(--accent-soft);
}

html[data-theme="dark"] .status {
  color: var(--muted);
  background: #152238;
}

html[data-theme="dark"] .status--live {
  color: #99f6e4;
  background: #12443f;
}