:root {
  --dark-bg: #071428;
  --dark-card: #14223a;
  --dark-text: #e6eef8;
  --dark-muted: #aebfdb;
  --dark-accent: #0a6;
}

body.dark {
  background: var(--dark-bg);
  color: var(--dark-text);
}

body.dark .site-header,
body.dark .content,
body.dark .cart,
body.dark footer.content {
  background: var(--dark-card);
  color: var(--dark-text);
  box-shadow: none;
}

body.dark .main-nav a {
  color: var(--dark-text);
}
body.dark .main-nav a[aria-current="page"] {
  background: rgba(28, 206, 22, 0.514);
}

body.dark .producto {
  background: linear-gradient(135deg,#0f1b2a 60%, #14223a 100%);
  border-color: rgba(255,255,255,0.04);
}
body.dark .producto-img {
  border-color: rgba(255,255,255,0.03);
}
body.dark .btn, body.dark .agregar {
  background: rgb(6, 212, 51);
  color: var(--dark-text);
}
body.dark .btn.primary, body.dark .agregar:active {
  background: var(--dark-accent);
  color: #ffffff;
}
body.dark .cart {
  border-left: 1px solid rgba(255,255,255,0.04);
}
body.dark .oferta-label {
  color: #ffb300;
}