/* ══════════════════════════════════════════════════════════════
   NΞØ Protocol — NETORI Canonical Acid Green Theme
   Paleta: Void (#0B0B0C), Acid Green (#D7FE09), Neon Glow (#E2FF3B),
   Cyber Coral (#FE2C55), Muted Slate (#9BB7C3)
   ══════════════════════════════════════════════════════════════ */

:root,
.dark {
  --neo-bg: #0b0b0c;
  --neo-bg-card: rgba(18, 18, 20, 0.78);
  --neo-bg-subtle: #050505;
  --neo-border: rgba(255, 255, 255, 0.10);
  --neo-border-active: rgba(215, 254, 9, 0.60);
  
  --neo-acid: #d7fe09;
  --neo-acid-glow: rgba(215, 254, 9, 0.35);
  --neo-cyan: #d7fe09; /* Reorientado para Acid Green */
  --neo-coral: #fe2c55;
  --neo-text-light: #ffffff;
  --neo-text-muted: #9bb7c3;

  /* Overrides no shadcn / Next.js base */
  --background: #0b0b0c !important;
  --foreground: #ffffff !important;
  --card: rgba(18, 18, 20, 0.78) !important;
  --card-foreground: #ffffff !important;
  --muted: rgba(18, 18, 20, 0.9) !important;
  --muted-foreground: #9bb7c3 !important;
  --border: rgba(255, 255, 255, 0.10) !important;
  --primary: #d7fe09 !important;
  --primary-foreground: #0b0b0c !important;
}

body {
  background-color: var(--neo-bg) !important;
  color: var(--neo-text-light) !important;
}

/* ─── Hero Glow Alinhado ao Acid Green (#D7FE09) ─── */
.landing-glow {
  background: radial-gradient(circle, rgba(215, 254, 9, 0.18) 0%, rgba(215, 254, 9, 0.04) 50%, transparent 75%) !important;
  filter: blur(140px) !important;
}

/* ─── Botões e Acentos Primários Acid Green ─── */
.bg-\[\#22d3ee\] {
  background: linear-gradient(135deg, #d7fe09 0%, #e2ff3b 50%, #c4ee00 100%) !important;
  color: #0b0b0c !important;
  font-weight: 800 !important;
  box-shadow: 0 4px 24px -2px rgba(215, 254, 9, 0.45) !important;
  transition: all 0.25s cubic-bezier(0.32, 0.72, 0, 1) !important;
}

.bg-\[\#22d3ee\]:hover {
  filter: brightness(1.1) !important;
  box-shadow: 0 6px 32px -2px rgba(215, 254, 9, 0.65) !important;
  transform: translateY(-1px);
}

.text-\[\#22d3ee\] {
  color: #d7fe09 !important;
}

/* ─── Hover de Bordas e Links ─── */
.hover\:border-\[\#22d3ee\]\/60:hover,
.hover\:border-\[\#22d3ee\]\/30:hover {
  border-color: rgba(215, 254, 9, 0.55) !important;
}

.hover\:text-\[\#22d3ee\]:hover {
  color: #d7fe09 !important;
}

/* ─── Indicador de IA Ativa (Pulsing Dot) ─── */
.animate-ping.bg-\[\#22d3ee\],
.rounded-full.bg-\[\#22d3ee\],
.relative.inline-flex.bg-\[\#22d3ee\] {
  background-color: #d7fe09 !important;
}

.animate-ping.bg-\[\#22d3ee\] {
  opacity: 0.85 !important;
}

/* ─── Cards com iOS Glassmorphism Canônico ─── */
.border-white\/10,
.border-white\/15,
.border-white\/\[0\.06\] {
  border-color: var(--neo-border) !important;
}

.bg-white\/\[0\.02\],
.bg-white\/\[0\.03\] {
  background-color: var(--neo-bg-card) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
}

/* ─── Simulação do Chat WhatsApp (Superfície Profunda) ─── */
.bg-\[\#0b0e14\] {
  background-color: #050505 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 30px 100px -20px rgba(215, 254, 9, 0.18), 0 0 1px 1px rgba(255, 255, 255, 0.05) !important;
}

/* ─── Balões de Chat da IA (Acid Green Tint) ─── */
.bg-\[\#22d3ee\]\/\[0\.14\] {
  background-color: rgba(215, 254, 9, 0.15) !important;
  border: 1px solid rgba(215, 254, 9, 0.35) !important;
  color: #ffffff !important;
}

/* ─── Elementos SVG nos Cards ─── */
svg [stroke="#22d3ee"] {
  stroke: #d7fe09 !important;
}

svg [fill="#22d3ee"] {
  fill: #d7fe09 !important;
}