html[data-theme^="dark"]{color-scheme:dark;--theme-text:var(--crema);--theme-muted:color-mix(in srgb,var(--crema) 67%,var(--texto));--theme-border:color-mix(in srgb,var(--crema) 16%,var(--texto));--theme-shadow:0 14px 36px color-mix(in srgb,var(--texto) 45%,transparent)}
html[data-theme^="dark"] body{background:var(--theme-bg);color:var(--theme-text)}
html[data-theme^="dark"] .hero,html[data-theme^="dark"] .np-ab-player{background:var(--theme-card);color:var(--theme-text);border-color:var(--theme-border);box-shadow:var(--theme-shadow)}
html[data-theme^="dark"] .community-top{background:var(--theme-community);border-color:var(--theme-border);box-shadow:var(--theme-shadow)}
html[data-theme^="dark"] .community-top h2,html[data-theme^="dark"] .np-ab-info h3{color:var(--theme-text)}
html[data-theme^="dark"] .choices .help-cta[data-contact="mezcla"]{background:var(--theme-raised);border-color:var(--primary);color:var(--theme-text);box-shadow:none}
html[data-theme^="dark"] .choices .help-cta[data-contact="mezcla"] svg{color:var(--primary);border-color:var(--primary)}
html[data-theme^="dark"] .choices .help-cta[data-contact="mezcla"]:hover{background:var(--theme-card)}
html[data-theme^="dark"] .choices .help-cta[data-contact="mezcla"]:hover svg{color:var(--texto)}
html[data-theme^="dark"] .np-ab-switch{background:var(--theme-raised);border-color:var(--theme-border)}
html[data-theme^="dark"] .np-ab-btn{color:var(--theme-text)}
html[data-theme^="dark"] .np-ab-btn.active{color:var(--blanco);background:var(--primary)}
html[data-theme^="dark"] .np-ab-stick{background:color-mix(in srgb,var(--crema) 23%,var(--theme-card))}
html[data-theme^="dark"] .puremix-proof{border-color:var(--theme-border);box-shadow:var(--theme-shadow)}
html[data-theme^="dark"] .contact-note #copy-status{color:var(--theme-text)}


html[data-theme^="dark"] .intro,html[data-theme^="dark"] .community-top p,html[data-theme^="dark"] .contact-title,html[data-theme^="dark"] .np-ab-info p,html[data-theme^="dark"] .np-ab-time{color:var(--theme-muted)}

/* Variante inspirada en el modo oscuro de YouTube, manteniendo nuestro naranja. */
html[data-theme="dark-youtube"]{--theme-bg:#0f0f0f;--theme-card:#080808;--theme-raised:#141414;--theme-community:#080808;--theme-text:#f1f1f1;--theme-muted:#aaaaaa;--theme-border:#262626}
html[data-theme="dark-youtube"] .puremix-proof{background:var(--theme-card)}

/* Texto e iconos oscuros sobre el naranja claro de AuraVox. */
html .choices .help-cta:not([data-contact="mezcla"]){color:var(--texto)}
html .choices .help-cta:not([data-contact="mezcla"]) svg{color:var(--texto);border-color:color-mix(in srgb,var(--texto) 45%,transparent)}
html[data-theme^="dark"] .np-ab-btn.active,.np-ab-play{color:var(--texto)}
.np-ab-play [data-np-play-icon]::before{border-left-color:var(--texto)!important}
.np-ab-play .np-pause-bars i{background:var(--texto)!important}
.puremix-cover__play:after{border-left-color:var(--texto)}

html .choices .help-cta:is(.community-entry,[data-contact="asesoria"]) svg{transition:background 180ms ease,color 180ms ease,border-color 180ms ease}
html .choices .help-cta:is(.community-entry,[data-contact="asesoria"]):hover svg{background:var(--texto);border-color:var(--texto);color:var(--primary)}