/* ============================================================
   LICZETA — Bindings del tema oscuro
   Conecta las clases del sitio con los tokens de liczeta-theme.css.
   SOLO afecta en [data-theme="dark"]: el tema claro queda intacto.
   Cargar DESPUÉS de styles.css y de liczeta-theme.css.
   ============================================================ */

/* ---------- Globales (sirven en todas las páginas) ---------- */
[data-theme="dark"] body { background: var(--lz-bg); color: var(--lz-text); }
[data-theme="dark"] .nav { background: color-mix(in srgb, var(--lz-bg) 92%, transparent); border-bottom-color: var(--lz-border-soft); }
[data-theme="dark"] .nav-mobile { background: var(--lz-bg); border-top-color: var(--lz-border-soft); }
[data-theme="dark"] .nav-links a, [data-theme="dark"] .nav-mobile a { color: var(--lz-text); }
[data-theme="dark"] .nav-mobile a { border-bottom-color: var(--lz-border-soft); }
[data-theme="dark"] .brand-text strong { color: var(--lz-heading); }
[data-theme="dark"] .nav-toggle { color: var(--lz-heading); }

[data-theme="dark"] .card { background: var(--lz-surface); border-color: var(--lz-border); }
[data-theme="dark"] .testimonio { background: var(--lz-surface); border-color: var(--lz-border); }
[data-theme="dark"] .section-title, [data-theme="dark"] .card h3 { color: var(--lz-heading-brand); }
[data-theme="dark"] .testimonio-text, [data-theme="dark"] .testimonio-info strong { color: var(--lz-heading); }

/* page-hero de páginas internas */
[data-theme="dark"] .page-hero h1 { color: var(--lz-heading-brand); }

/* La barra superior y el footer usan navy fijo: ya se ven bien en ambos temas. */

/* ---------- Home (index) ---------- */
[data-theme="dark"] .comunidad-section,
[data-theme="dark"] .manifesto,
[data-theme="dark"] .ig-placeholder { background: var(--lz-band-malva); }
[data-theme="dark"] .patreon-preview { background: var(--lz-band-cream); }
[data-theme="dark"] .hero-photo { background: var(--lz-band-malva); }
[data-theme="dark"] .behold-mount { background: var(--lz-surface); border-color: var(--lz-border); }
[data-theme="dark"] .comunidad-stats { border-top-color: var(--lz-border-soft); border-bottom-color: var(--lz-border-soft); }
[data-theme="dark"] .comunidad-header h2,
[data-theme="dark"] .manifesto blockquote,
[data-theme="dark"] .pp-card .name,
[data-theme="dark"] .stat .n { color: var(--lz-heading); }
[data-theme="dark"] .comunidad-text em { color: var(--lz-accent-ink); }
[data-theme="dark"] .comunidad-text p { color: var(--lz-text); }