/* ============================
   TEMAS: Neon | Dark | Classic
   ============================ */

/* ---------- Neon (padrão) ---------- */
body[data-theme="neon"] {
  --bg-0: #0a0f1f;
  --bg-1: #101a34;
  --card: #131f3b;
  --stroke: #22304f;
  --muted: #a3b5d3;
  --text: #f0f4ff;
  --brand: #4f46e5;   /* Roxo */
  --brand2: #06b6d4;  /* Ciano */
  background: linear-gradient(180deg,#0f172a,#111827);
  color: var(--text);
}

/* ---------- Dark ---------- */
body[data-theme="dark"] {
  --bg-0: #050505;
  --bg-1: #0e0e10;
  --card: #1c1c1f;
  --stroke: #2e2e32;
  --muted: #9e9e9e;
  --text: #f5f5f5;
  --brand: #2563eb;   /* Azul */
  --brand2: #1e40af;  /* Azul Escuro */
  background: linear-gradient(180deg,#0e0e10,#1c1c1f);
  color: var(--text);
}

/* ---------- Classic ---------- */
body[data-theme="classic"] {
  --bg-0: #f3f4f6;
  --bg-1: #ffffff;
  --card: #ffffff;
  --stroke: #e5e7eb;
  --muted: #6b7280;
  --text: #1f2937;
  --brand: #9333ea;   /* Roxo clássico */
  --brand2: #d946ef;  /* Rosa */
  background: linear-gradient(180deg,#e5e7eb,#ffffff);
  color: var(--text);
}

/* ---------- Botões e gradientes ---------- */
.btn-gradient {
  background: linear-gradient(135deg,var(--brand),var(--brand2));
  border: 0;
  color: #fff;
  font-weight: 700;
}
.btn-gradient:hover {
  opacity: 0.9;
}