:root {
  color-scheme: dark;
  --bg: #0f1117;
  --card: #1a1d23;
  --border: #2a2d35;
  --text: #ffffff;
  --muted: #9ca3af;
  --accent: #3b82f6;
}

html {
  background: var(--bg);
}

body {
  background: var(--bg);
  color: var(--text);
  font-family: "Inter", system-ui, sans-serif;
}

.product-card {
  background: var(--card);
  border: 1px solid var(--border);
}

.status-success {
  background: rgba(6, 78, 59, 0.45);
  border: 1px solid rgba(16, 185, 129, 0.35);
  color: #bbf7d0;
}

.status-error {
  background: rgba(127, 29, 29, 0.45);
  border: 1px solid rgba(248, 113, 113, 0.35);
  color: #fecaca;
}

.status-info {
  background: rgba(30, 41, 59, 0.55);
  border: 1px solid rgba(100, 116, 139, 0.4);
  color: #cbd5e1;
}