/* ============================================================
   Aurora Oculta — camada de marca compartilhada
   Tema "manuscrito / pergaminho" + cursor exclusivo
   ============================================================ */

:root {
  /* Paleta pergaminho / sépia */
  --ao-parchment: #f3e7c8;
  --ao-parchment-soft: #efe1bd;
  --ao-parchment-deep: #e7d4a8;
  --ao-ink: #2a1c10;
  --ao-ink-soft: #4a361f;
  --ao-sepia: #6b4f2a;
  --ao-gold: #b9892f;
  --ao-gold-bright: #e9c873;
  --ao-gold-light: #f5dd95;
  --ao-wine: #6e2435;
  --ao-leaf: #4d5b2e;
  --ao-line: rgba(42, 28, 16, 0.16);
  --ao-shadow: 0 24px 70px rgba(42, 28, 16, 0.28);
}

/* ---------- Cursor exclusivo (Witchcore: Seta Triquetra + Palma Pentáculo) ---------- */
html,
body,
*,
*::before,
*::after {
  cursor: url("assets/witchcore-arrow-32.png") 8 0, auto;
}

a,
button,
[role="button"],
[onclick],
label[for],
summary,
select,
input[type="submit"],
input[type="button"],
input[type="checkbox"],
input[type="radio"],
input[type="file"],
.ao-clickable {
  cursor: url("assets/witchcore-palm-32.png") 4 0, pointer;
}

/* ---------- Brilho/aura do emblema ---------- */
img[src*="aurora-logo"],
img[src*="icon-192.png"],
img[src*="icon-512.png"],
img[src*="apple-touch-icon.png"],
.ao-emblem,
.brand-mark {
  background: transparent !important;
  filter:
    drop-shadow(0 0 8px rgba(168, 85, 247, 0.45))
    drop-shadow(0 0 22px rgba(168, 85, 247, 0.22));
  transition: filter 0.3s ease;
}

img[src*="aurora-logo"]:hover,
img[src*="icon-192.png"]:hover,
.ao-emblem:hover,
.brand-mark:hover {
  filter:
    drop-shadow(0 0 12px rgba(192, 132, 252, 0.7))
    drop-shadow(0 0 30px rgba(168, 85, 247, 0.4));
}

/* ---------- Seleção de texto ---------- */
::selection {
  background: rgba(168, 85, 247, 0.35);
  color: #ffffff;
}

/* ============================================================
   Camada NEON ROXO — fundo preto, bordas neon, brilho e degradês
   (carrega antes dos <style> inline; usa !important p/ prevalecer)
   ============================================================ */
:root{
  --neon: #a855f7;
  --neon-bright: #c084fc;
  --neon-deep: #7c3aed;
  --neon-line: rgba(168,85,247,.42);
  --neon-glow: 0 0 22px rgba(168,85,247,.30), 0 0 48px rgba(124,58,237,.18);
}

/* Fundo mais preto com brilho roxo difuso atrás de tudo */
body::before{ content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background:
    radial-gradient(60% 45% at 50% -6%, rgba(168,85,247,.16), transparent 60%),
    radial-gradient(45% 40% at 88% 6%, rgba(124,58,237,.12), transparent 60%),
    radial-gradient(50% 45% at 8% 30%, rgba(168,85,247,.08), transparent 60%),
    #000 !important;
}

/* Bordas neon + brilho nos painéis/cartões (cobre todas as páginas) */
.glass, .glass-2, .vcard, .bcard, .plan, .card,
.glass-panel, .hero-stats-panel, .community-whatsapp-card,
.ticket-card, .feature-card{
  border:1px solid var(--neon-line) !important;
  box-shadow:
    inset 0 0 0 1px rgba(168,85,247,.06),
    0 0 22px rgba(168,85,247,.16),
    0 24px 60px rgba(0,0,0,.72) !important;
}
.vcard:hover, .bcard:hover, .plan:hover, .card:hover, .glass-2:hover,
.glass-panel:hover{
  border-color:var(--neon-bright) !important;
  box-shadow:
    0 0 10px rgba(168,85,247,.45),
    0 0 34px rgba(168,85,247,.30),
    0 28px 70px rgba(0,0,0,.8) !important;
}

/* Botões primários: degradê roxo + halo neon */
.btn-primary, .btn-dark, .tab.active, .ribbon, .seg-pay button.active,
.tabs button.active, .plan.selected, button.btn-primary{
  background:linear-gradient(135deg, var(--neon-bright), var(--neon-deep)) !important;
  color:#fff !important;
  border:1px solid rgba(192,132,252,.6) !important;
  box-shadow:0 0 18px rgba(168,85,247,.55), 0 10px 34px rgba(124,58,237,.45) !important;
}
.btn-primary:hover, .btn-dark:hover{
  box-shadow:0 0 28px rgba(168,85,247,.85), 0 14px 44px rgba(124,58,237,.6) !important;
  transform:translateY(-2px);
}

/* Links/realces e chips com toque neon */
.cat-chip:hover, .navlink:hover{ color:var(--neon-bright) !important; }
.cat-chip:hover{ border-color:var(--neon-line) !important; box-shadow:0 0 14px rgba(168,85,247,.3) !important; }

/* Barra de navegação flutuante com vidro escuro + borda neon */
.nav-inner.scrolled, header .nav-inner{
  border-color:var(--neon-line) !important;
}

/* Títulos com leve brilho roxo */
h1, .hero-title{ text-shadow:0 0 26px rgba(168,85,247,.25); }

/* Trilho de seleção já roxo; foco neon em inputs */
input:focus, textarea:focus, select:focus{
  border-color:var(--neon-bright) !important;
  box-shadow:0 0 0 3px rgba(168,85,247,.22), 0 0 18px rgba(168,85,247,.3) !important;
}

/* Foco visível (teclado / leitores de tela) — sem prejudicar mouse */
*:focus { outline: none; }
*:focus-visible {
  outline: 3px solid #c084fc;
  outline-offset: 3px;
  border-radius: 4px;
  box-shadow: 0 0 0 4px rgba(168, 85, 247, .28);
}
/* Botões com border-radius alto: acompanha a forma */
button:focus-visible,
a:focus-visible,
[role="button"]:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid #c084fc;
  outline-offset: 4px;
  border-radius: 999px;
}