/* Ajustes próprios (por cima do styles.css) */
html { scroll-behavior: smooth; scroll-padding-top: 5rem; }
body { margin: 0; background: var(--background); }
[hidden] { display: none !important; }

/* Cabeçalho ganha fundo ao rolar */
#site-header.is-scrolled {
  background: color-mix(in oklab, var(--background) 78%, transparent);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border-bottom-color: var(--border);
}

#lead-status.is-error { color: var(--destructive); }
#lead-status.is-info { color: var(--muted-foreground); }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .animate-marquee { animation: none !important; }
}