/* Tema interno: roxo claro. Carregado depois do CSS do build para sobrescrever os tokens. */
:root {
  --primary: 262 72% 74%;
  --primary-foreground: 262 55% 16%; /* texto escuro: branco sobre roxo claro não passa contraste */
  --ring: 262 72% 74%;
  --accent: 262 70% 95%;
  --accent-foreground: 262 50% 30%;
  --energy-violet: 272 80% 82%;
  --gradient-primary: linear-gradient(135deg, hsl(262, 75%, 80%) 0%, hsl(280, 65%, 84%) 100%);
  --lc-accent: hsl(var(--primary));
}
.dark {
  --primary: 262 72% 80%;
  --ring: 262 72% 80%;
}
.crm-scope { --primary: 258 72% 74%; --ring: 258 72% 74%; --accent: 258 70% 97%; }
.voice-call-experience { --primary: 264 85% 78%; --accent: 263 100% 96%; }
.auras-recharge { --primary: 260 100% 84%; }

/* PWA: banner de download some quando o app já está instalado. */
@media (display-mode: standalone) {
  [data-web-download-banner] { display: none !important; }
}

/* Instruções de instalação (pwa-install.js). */
.pwa-help { position: fixed; inset: 0; z-index: 2147483647; display: flex; align-items: flex-end; justify-content: center; background: rgba(30, 15, 70, .45); padding: 16px; }
.pwa-help__card { width: 100%; max-width: 420px; background: #fff; color: #2a0f6b; border-radius: 24px; padding: 24px 20px calc(20px + env(safe-area-inset-bottom, 0px)); text-align: center; font-family: inherit; box-shadow: 0 20px 50px -20px rgba(60, 30, 140, .5); }
.pwa-help__card img { border-radius: 14px; margin: 0 auto 8px; display: block; }
.pwa-help__card h2 { font-size: 20px; font-weight: 700; margin: 4px 0 12px; }
.pwa-help__card ol { text-align: left; margin: 0 0 16px; padding-left: 22px; line-height: 1.5; font-size: 15px; list-style: decimal; }
.pwa-help__card p { margin: 0 0 16px; font-size: 15px; }
.pwa-help__card button { width: 100%; min-height: 48px; border-radius: 999px; border: 0; background: hsl(262 72% 74%); color: hsl(262 55% 16%); font-weight: 600; font-size: 15px; }
.pwa-help__card button:focus-visible { outline: 3px solid #2a0f6b; outline-offset: 2px; }