/**
 * MailAssist · Web pública: claro y oscuro con el AZUL DEL LOGO (Joan, 02-11-2026).
 * Solo lo carga la plantilla pública (templates/public/header.php, <html class="is-publica">): el panel sigue con
 * styles.css tal cual. La base de styles.css ya es un tema oscuro; aquí se cambia su violeta por el azul del logo,
 * en las variables y en las reglas que llevaban el violeta escrito a mano.
 */

/* ---------- Variables ---------- */
html.is-publica {
    --c-primary: #0b76ad;          /* botones y enlaces sobre claro (4,9:1 con blanco) */
    --c-primary-light: #0b76ad;    /* texto de acento sobre claro: mismo azul, AA */
    --c-primary-dark: #085b86;
    --c-secondary: #1a9fd8;        /* el azul del logo */
    --c-secondary-light: #3fb6ec;
    --c-accent: #1a9fd8;
    --ma-brillo: rgba(11, 118, 173, 0.3);
    --ma-tinte: rgba(26, 159, 216, 0.12);
}
html.is-publica[data-theme="dark"] {
    --c-primary: #1a9fd8;
    --c-primary-light: #4cc0f2;
    --c-primary-dark: #0b76ad;
    --c-secondary: #3fb6ec;
    --c-secondary-light: #7fd0f5;
    --c-accent: #4cc0f2;
    --c-bg: #050911;
    --c-bg-alt: #0a111f;
    --c-surface: #0d1524;
    --c-text: #eef4fb;
    --c-text-muted: #a6b4c8;
    --c-text-dim: #8091a8;
    --glass-bg: rgba(150, 190, 240, 0.04);
    --glass-bg-hover: rgba(150, 190, 240, 0.07);
    --glass-border: rgba(150, 185, 230, 0.13);
    --glass-border-hover: rgba(150, 185, 230, 0.24);
    --ma-brillo: rgba(26, 159, 216, 0.4);
    --ma-tinte: rgba(26, 159, 216, 0.16);
}
html.is-publica[data-theme="dark"] body { background: var(--c-bg); color: var(--c-text); }

/* ---------- El violeta escrito a mano en styles.css, en azul ---------- */
html.is-publica .bg-gradient {
    background:
        radial-gradient(ellipse 80% 50% at 20% 40%, rgba(26, 159, 216, 0.13), transparent 50%),
        radial-gradient(ellipse 60% 50% at 80% 60%, rgba(11, 118, 173, 0.1), transparent 50%);
}
html.is-publica .btn--primary { box-shadow: 0 4px 16px var(--ma-brillo); }
html.is-publica .btn--primary:hover { box-shadow: 0 6px 24px var(--ma-brillo); }
html.is-publica .email-item__badge--new { background: var(--ma-tinte); }
html.is-publica .ai-response { background: linear-gradient(135deg, var(--ma-tinte), rgba(26, 159, 216, 0.05)); }
html.is-publica .feature-card:hover { box-shadow: 0 20px 40px rgba(11, 118, 173, 0.12); }
html.is-publica .feature-card__icon,
html.is-publica .lead-magnet__icon,
html.is-publica .use-case-card__icon { background: linear-gradient(135deg, var(--ma-tinte), rgba(26, 159, 216, 0.06)); }
html.is-publica .step-item__number { box-shadow: 0 4px 16px var(--ma-brillo); }
html.is-publica .pricing-card--featured { box-shadow: 0 0 40px var(--ma-tinte); }
html.is-publica .form-select:focus { box-shadow: 0 0 0 3px var(--ma-tinte); }
html.is-publica .form-select:focus-visible { box-shadow: 0 0 0 3px var(--ma-brillo); }

/* ---------- Cabecera, botón del sol y la luna, pie ---------- */
html.is-publica[data-theme="dark"] .header.is-scrolled { background: rgba(5, 9, 17, 0.88); }
html.is-publica .theme-toggle { cursor: pointer; flex: none; }
html.is-publica .nav__toggle { flex: none; }
html.is-publica .theme-toggle--movil { display: none; margin-left: auto; }
@media (max-width: 768px) {
    html.is-publica .theme-toggle--movil { display: flex; }
    html.is-publica .header__inner { gap: 8px; }
    html.is-publica .nav { display: none; }
}
/* el logo de SoftwaLabs del pie, legible sobre oscuro */
html.is-publica[data-theme="dark"] .footer__credits-logo { filter: brightness(0) invert(1); opacity: 0.85; }