/**
 * Tema Halloween — cobre landing, painel, login, registro e jogo
 * Ativa com html.tema-halloween / body.tema-halloween
 */

html.tema-halloween,
body.tema-halloween {
  --xmas-red: #ff6a00;
  --xmas-red-light: #ff8c3a;
  --xmas-red-dark: #c44e00;
  --xmas-green: #6d28d9;
  --xmas-green-light: #a78bfa;
  --xmas-green-bright: #ff8c3a;
  --xmas-gold: #ff6a00;
  --xmas-gold-light: #ffd27a;
  --xmas-gold-dim: #cc5500;
  --xmas-ink: #0d0018;
  --xmas-ink-light: #1a0030;
  --xmas-snow: #f3e8ff;
  --xmas-blue: #c084fc;
  --card-bg: rgba(26, 0, 40, 0.78);
  --card-border-hover: rgba(255, 106, 0, 0.4);
  --shadow-glow-red: 0 8px 30px rgba(255, 106, 0, 0.4);
  --shadow-glow-gold: 0 8px 30px rgba(255, 106, 0, 0.35);
  --shadow-glow-green: 0 8px 30px rgba(124, 58, 237, 0.35);
  background: #0d0018;
}

html.tema-halloween .lnd-hero-bg-3d,
html.tema-halloween .snowflakes,
html.tema-halloween .natal-landing .lnd-snow-particles,
html.tema-halloween .natal-landing .lnd-orbs {
  display: none !important;
}

html.tema-halloween .natal-landing {
  min-height: 100vh;
  background:
    linear-gradient(180deg, rgba(13, 0, 24, 0.5) 0%, rgba(13, 0, 24, 0.72) 100%),
    url('../img/themes/halloween-pc.png') center / cover no-repeat fixed;
}

html.tema-halloween .natal-landing .lnd-hero,
html.tema-halloween .natal-landing .lnd-section,
html.tema-halloween .natal-landing .lnd-section-dark,
html.tema-halloween .natal-landing .lnd-cta-sec,
html.tema-halloween .natal-landing .lnd-footer,
html.tema-halloween .natal-landing .lnd-nav,
html.tema-halloween .register-page,
html.tema-halloween .dashboard {
  background: transparent;
  background-image: none;
}

html.tema-halloween .natal-landing .lnd-nav {
  background: rgba(13, 0, 24, 0.78);
}

html.tema-halloween .natal-landing .lnd-nav-logo em,
html.tema-halloween .natal-landing .lnd-footer-brand em {
  font-family: 'Mountains of Christmas', 'Poppins', cursive;
  font-style: normal;
  letter-spacing: 0;
  color: #f0782c;
  text-shadow: 0 0 18px rgba(240, 120, 44, 0.55);
}

@media (max-width: 768px) {
  html.tema-halloween .natal-landing {
    background-image:
      linear-gradient(180deg, rgba(13, 0, 24, 0.5) 0%, rgba(13, 0, 24, 0.72) 100%),
      url('../img/themes/halloween-mobile.png');
    background-attachment: scroll;
    background-size: cover;
    background-position: center;
  }
}