/* ===============================
   CAMADA GLOBAL DE FUNDO
================================ */

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  transition: background 0.5s ease;
}

/* ===============================
   TEMAS SÓ ALTERAM FUNDO
================================ */

/* 1 */
body.theme-yellow::before {
  background: linear-gradient(135deg, #f5c400, #ffde59);
}

/* 2 */
body.theme-blue::before {
  background: linear-gradient(135deg, #0f2027, #203a43, #2c5364);
}

/* 3 */
body.theme-cyberpunk::before {
  background: linear-gradient(135deg, #0f0c29, #302b63, #24243e);
}

/* 4 */
body.theme-neon::before {
  background: radial-gradient(circle at center, #00ffcc, #001f3f);
}

/* 5 */
body.theme-fire::before {
  background: linear-gradient(135deg, #ff4e00, #8b0000);
}

/* 6 */
body.theme-ocean::before {
  background: linear-gradient(135deg, #00c6ff, #0072ff);
}

/* 7 */
body.theme-space::before {
  background: linear-gradient(135deg, #000000, #1a1a2e);
}

/* 8 */
body.theme-emerald::before {
  background: linear-gradient(135deg, #134e5e, #71b280);
}

/* 9 */
body.theme-purple::before {
  background: linear-gradient(135deg, #41295a, #2f0743);
}

/* 10 */
body.theme-sunset::before {
  background: linear-gradient(135deg, #ff9966, #ff5e62);
}

/* +20 você pode duplicar padrão acima */