:root {
  --brand: #2a9d45;
  --muted: #6b7280;
  --bg: #f8fafb;
  --text: #111827;
  --card: #ffffff;
  font-family: 'Inter', sans-serif;
}

/* Tema claro padrão */
body {
  background: var(--bg);
  color: var(--text);
}

.navbar-brand img {
  height: 40px;
}

.product-card img {
  object-fit: cover;
  height: 200px;
}

footer {
  font-size: 0.9rem;
}

.btn-light {
  border: 1px solid #e5e7eb;
}

/* ------------------ */
/* TEMA ESCURO        */
/* ------------------ */
body.theme-dark {
  --bg: #0b1220;
  --text: #f9f9f9;
  --card: #111827;
  --muted: #d1d5db;
  background: var(--bg);
  color: var(--text);
}

/* Corrige textos no tema escuro */
body.theme-dark,
body.theme-dark h1,
body.theme-dark h2,
body.theme-dark h3,
body.theme-dark h4,
body.theme-dark h5,
body.theme-dark h6,
body.theme-dark p,
body.theme-dark span,
body.theme-dark li,
body.theme-dark label,
body.theme-dark a,
body.theme-dark strong,
body.theme-dark small {
  color: var(--text) !important;
}

/* Cartões no tema escuro */
body.theme-dark .card {
  background: var(--card);
  color: var(--text);
  border: 1px solid #1f2937;
}

/* Barra de navegação e rodapé no tema escuro */
body.theme-dark .bg-white {
  background: var(--card) !important;
}

body.theme-dark .bg-dark {
  background: #02040a !important;
}

body.theme-dark .text-white {
  color: var(--text) !important;
}

/* Botões no tema escuro */
body.theme-dark .btn-outline-success {
  color: #10b981;
  border-color: #10b981;
}

body.theme-dark .btn-outline-success:hover {
  background: #10b981;
  color: #fff;
}

/* Ajuste para alertas no tema escuro */
body.theme-dark .alert {
  background: rgba(255, 255, 255, 0.05);
  color: var(--text);
}

/* Ajusta imagens dos produtos */
@media (min-width: 1200px) {
  .product-card img {
    height: 180px;
  }
}