/* Demo "Vibrante" — Studio Pulse (tema escuro). Overrides do que é
   hardcoded claro no Padrão Kannon, pra funcionar no escuro. */

/* nav escura translúcida (o padrão é claro) */
.pm-nav { background: oklch(0.17 0.025 285 / 0.7); }
.pm-nav.scrolled { background: oklch(0.17 0.025 285 / 0.9); border-color: var(--line); }
.pm-burger { background: var(--surface); }
.pm-burger span, .pm-burger span::before, .pm-burger span::after { background: var(--ink); }
.pm-sheet { background: var(--paper); }

/* ênfase do título em gradiente roxo→ciano */
.pm-hero__title em, .k-display em {
  font-style: normal; font-weight: 800;
  background: linear-gradient(90deg, var(--brand), var(--accent));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.k-eyebrow { color: var(--accent); }

/* brilho do hero em roxo */
.pm-hero::before { background: radial-gradient(circle at 70% 30%, rgba(124,58,237,.45), transparent 62%); }

/* faixa de CTA: gradiente vibrante (o "pop"), texto branco */
.k-cta-band { background: linear-gradient(120deg, #6D28D9 0%, #4F46E5 50%, #0891B2 100%); color: #fff; }
.k-cta-band .k-h2, .k-cta-band .k-lead { color: #fff; }
.k-cta-band .k-btn--primary { background: #fff; color: #4F46E5; }

/* rodapé escuro (o padrão usa --ink, que aqui é claro) */
.k-footer { background: var(--surface); color: var(--ink-soft); }
.k-footer a, .k-footer__brand { color: var(--ink); }
.k-footer__legal { color: var(--ink-mute); }

/* cards com leve borda que acende no hover */
.pm-card:hover { border-color: var(--brand); }
.k-trust__star { color: var(--accent); }