/**
 * ALEGATOT — Fondos de la landing (solo body.dwbi-landing).
 * Enfoque editorial: base Papel uniforme, bandas blancas alternas, un bloque oscuro.
 */

body.dwbi-landing {
    --bg-page: var(--color-fondo-claro);
    --bg-section-alt: #FDFCF9;
    --bg-section-cool: var(--bg-page);
    --bg-section-warm: var(--bg-page);
    --bg-section-orange: var(--bg-section-alt);
    --bg-section-orange-soft: var(--bg-page);
    --bg-peach: var(--bg-page);
    --bg-card: var(--neutral-0);
    --bg-card-soft: var(--bg-page);
    --bg-nav: var(--neutral-0);

    --bg-hero: var(--color-oscuro);
    --bg-hero-2: var(--color-oscuro);
    --bg-cta: var(--color-oscuro);
    --bg-footer: var(--color-oscuro);
    --bg-footer-deep: #0F0F0F;

    --glow-brand: rgba(var(--color-azul-apoyo-rgb), 0.04);
    --glow-brand-soft: rgba(var(--color-azul-apoyo-rgb), 0.02);
    --glow-orange: rgba(var(--color-acento-rgb), 0.04);
    --glow-orange-soft: rgba(var(--color-acento-rgb), 0.05);
    --hairline: var(--color-neutro-1);
    --border-section: color-mix(in srgb, var(--color-neutro-1) 42%, transparent);

    /* Alias planos (sin radiales superpuestos) */
    --grad-hero-home: var(--bg-page);
    --grad-section-cool: var(--bg-page);
    --grad-section-orange: var(--bg-section-alt);
    --grad-section-warm: var(--bg-section-alt);
    --grad-hero: var(--bg-cta);
    --grad-cta: linear-gradient(180deg, var(--bg-cta) 0%, var(--bg-footer-deep) 100%);

    /* Alias semánticos usados en componentes legacy */
    --accent-section: var(--bg-section-alt);
}

/* La landing pública siempre en tema claro (independiente del panel). */
html.landing-public body.dwbi-landing {
    color-scheme: light;
}

html.landing-public[data-theme="dark"] body.dwbi-landing {
    --bg-page: var(--color-fondo-claro);
    --bg-section-alt: #FDFCF9;
    --bg-section-cool: var(--color-fondo-claro);
    --bg-section-warm: var(--color-fondo-claro);
    --bg-section-orange: #FDFCF9;
    --bg-section-orange-soft: var(--color-fondo-claro);
    --bg-peach: var(--color-fondo-claro);
    --bg-card: var(--neutral-0);
    --bg-card-soft: var(--color-fondo-claro);
    --bg-nav: var(--neutral-0);
    --bg-footer: var(--color-oscuro);
    --bg-footer-deep: #0F0F0F;
    --hairline: var(--color-neutro-1);
    --border-section: color-mix(in srgb, var(--color-neutro-1) 42%, transparent);
    --accent-section: #FDFCF9;
    color-scheme: light;
}

html[data-theme="dark"] body.dwbi-landing {
    --bg-page: #121212;
    --bg-section-alt: #181818;
    --bg-section-cool: var(--bg-page);
    --bg-section-warm: var(--bg-page);
    --bg-section-orange: var(--bg-section-alt);
    --bg-section-orange-soft: var(--bg-page);
    --bg-peach: var(--bg-page);
    --bg-card: #1A1A1A;
    --bg-card-soft: #141414;
    --bg-nav: #181818;

    --bg-footer: var(--color-oscuro);
    --bg-footer-deep: #0A0A0A;
    --hairline: #3A3632;
    --border-section: color-mix(in srgb, var(--hairline) 50%, transparent);

    --grad-hero-home: var(--bg-page);
    --grad-section-cool: var(--bg-page);
    --grad-section-orange: var(--bg-section-alt);
    --grad-section-warm: var(--bg-section-alt);
    --grad-cta: linear-gradient(180deg, var(--bg-cta) 0%, var(--bg-footer-deep) 100%);
    --accent-section: var(--bg-section-alt);
}

/* Utilidades (solo landing) */
body.dwbi-landing .bg-hero { background: var(--grad-hero); }
body.dwbi-landing .bg-cta { background: var(--grad-cta); }
body.dwbi-landing .bg-section-warm { background: var(--grad-section-warm); }
body.dwbi-landing .bg-section-orange { background: var(--grad-section-orange); }
body.dwbi-landing .bg-section-cool { background: var(--grad-section-cool); }
body.dwbi-landing .bg-page { background: var(--bg-page); }
body.dwbi-landing .bg-card { background: var(--bg-card); }
body.dwbi-landing .bg-footer { background: var(--bg-footer); }