/* Alternância discreta e paleta noturna pública. */
.theme-easter-egg { position: fixed; z-index: 101; left: 18px; bottom: 22px; width: 34px; height: 34px; min-height: 34px; border-radius: 50%; background: var(--surface); color: var(--muted); opacity: .65; transition: opacity .25s, color .25s, border-color .25s; }
.theme-easter-egg:hover, .theme-easter-egg:focus-visible { opacity: 1; color: var(--ink); }
html[data-theme="dark"] :is(.site-header, .header-login nav, .header-demo, .mobile-menu nav, .pricing-contact, .home-carousel-viewport, .home-carousel-arrow, .home-carousel-toggle, .home-carousel-dots button, .setup-options article, .cookie-panel) { background: var(--theme-card); color: var(--ink); border-color: var(--line); }
html[data-theme="dark"] :is(.home-hero.rztalk-light-bg, .plans-section, .reddy-home, .content-section.dark, .visual-card) { background-color: var(--theme-page); color: var(--ink); }
html[data-theme="dark"] .home-hero.rztalk-light-bg::before { filter: invert(1); mix-blend-mode: screen; }
html[data-theme="dark"] :is(.header-login nav a:hover, .header-demo:hover, .billing-options) { background: var(--theme-raised); }
html[data-theme="dark"] .billing-options input:checked + span { background: var(--theme-card); color: var(--ink); border-color: var(--subtle); }
html[data-theme="dark"] .billing-options small { background: var(--theme-page); color: var(--muted); }
html[data-theme="dark"] .billing-options input:checked + span small { background: var(--red-soft); color: var(--red); }
html[data-theme="dark"] :is(.button.primary, .header-cta) { background: #b73532; color: #fff; }
html[data-theme="dark"] :is(.button.primary:hover, .header-cta:hover) { background: #952d2a; }
html[data-theme="dark"] :is(.platform-chip, .reddy-float, .workflow-icon.red) { background: var(--red-soft); color: var(--ink); }
html[data-theme="dark"] .home-carousel-slide { background: var(--theme-card); }
html[data-theme="dark"] .home-carousel-dots button[aria-current="true"] { background: var(--red); }
@media (max-width: 760px) { .theme-easter-egg { left: 12px; bottom: 14px; } }

/* Vidro discreto na navegação; manter fundo sólido sem suporte a blur. */
@supports ((backdrop-filter: blur(12px)) or (-webkit-backdrop-filter: blur(12px))) {
  .site-header {
    background: rgba(255, 255, 255, .94);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
  }
  html[data-theme="dark"] .site-header {
    background: rgba(27, 38, 54, .94);
  }
}