/**
 * ALEGATOT — Sistema de color de la landing pública.
 * Solo body.dwbi-landing · No afecta a /app/, login ni panel DWBi.
 *
 * REGLAS DE USO
 * ─────────────────────────────────────────────────────
 * CTA / botones primarios   → --color-acento (#E94E1A)
 * Fondos oscuros / footer   → --color-oscuro (#141414)
 * Fondo claro de página     → --color-fondo-claro (#F5F1EA)
 * Texto principal           → --color-oscuro
 * Acento / highlights       → --color-acento
 * Azules (apoyo/confianza)  → --color-azul-confianza, --color-azul-apoyo
 * Foco de input             → --color-azul-apoyo, NO naranja
 * Enlaces informativos      → --color-azul-confianza
 * ─────────────────────────────────────────────────────
 */

body.dwbi-landing {
    /* — Paleta canónica — */
    --color-acento: #E94E1A;
    --color-oscuro: #141414;
    --color-azul-confianza: #15314F;
    --color-azul-apoyo: #6E8BA8;
    --color-fondo-claro: #F5F1EA;
    --color-neutro-1: #C9C4BB;
    --color-neutro-2: #8C857B;
    --color-neutro-3: #56504A;

    /* — RGB para transparencias — */
    --color-acento-rgb: 233, 78, 26;
    --color-oscuro-rgb: 20, 20, 20;
    --color-azul-confianza-rgb: 21, 49, 79;
    --color-azul-apoyo-rgb: 110, 139, 168;

    /* — Colores de marca (alias) — */
    --color-naranja: var(--color-acento);
    --color-azul-toga: var(--color-azul-confianza);
    --color-verde-toga: #0E7C72;

    /* — Escala Naranja (acento) — */
    --naranja-50: #FEF2EE;
    --naranja-100: #FBDFD4;
    --naranja-200: #F6BBA6;
    --naranja-300: #F09674;
    --naranja-400: #ED7344;
    --naranja-500: var(--color-acento);
    --naranja-600: #C63E10;
    --naranja-700: #9F310C;
    --naranja-800: #79260A;
    --naranja-900: #581B07;

    /* — Escala Azul (confianza / apoyo) — */
    --azul-50: #EEF2F6;
    --azul-100: #D9E2EB;
    --azul-200: #B3C3D4;
    --azul-300: #8BA3BC;
    --azul-400: var(--color-azul-apoyo);
    --azul-500: #4A6D8F;
    --azul-600: #2A5078;
    --azul-700: #1F4468;
    --azul-800: #1A3D5F;
    --azul-900: var(--color-azul-confianza);

    /* — Estado — */
    --color-exito: #1F8A5B;
    --color-exito-bg: #E4F4EC;
    --color-aviso: #C9851A;
    --color-aviso-bg: #FBF0D9;
    --color-error: #C8443B;
    --color-error-bg: #FAE6E4;
    --color-info: var(--color-azul-confianza);
    --color-info-bg: #E2EDF8;

    /* — Neutros & texto — */
    --neutral-0: #FFFFFF;
    --neutral-50: var(--color-fondo-claro);
    --neutral-100: #EDE8E0;
    --neutral-200: var(--color-neutro-1);
    --neutral-300: #B5AFA6;
    --neutral-400: var(--color-neutro-2);
    --neutral-500: #6F6962;
    --neutral-600: var(--color-neutro-3);
    --neutral-700: #3D3935;
    --neutral-800: #2A2724;
    --neutral-900: var(--color-oscuro);

    /* — Alias semánticos — */
    --text-primary: var(--color-oscuro);
    --text-secondary: var(--color-neutro-3);
    --text-muted: var(--color-neutro-2);
    --border-default: var(--color-neutro-1);
    --surface-base: var(--color-fondo-claro);
    --surface-cream-1: var(--color-fondo-claro);
    --surface-cream-2: #EDE8E0;

    /* — Alias legacy (CSS landing existente) — */
    --brand-orange: var(--naranja-500);
    --brand-orange-dark: var(--naranja-600);
    --brand-orange-hover: var(--naranja-400);
    --brand-orange-soft: var(--naranja-300);
    --brand-orange-50: var(--naranja-50);
    --brand-orange-100: var(--naranja-100);
    --brand-orange-200: var(--naranja-200);
    --brand-orange-rgb: 233, 78, 26;

    --brand-navy-deep: var(--color-oscuro);
    --brand-navy: var(--color-oscuro);
    --brand-navy-mid: #1C1C1C;
    --brand-navy-soft: #242424;
    --brand-blue-rgb: 21, 49, 79;
    --brand-blue-50: var(--azul-50);
    --brand-blue-100: var(--azul-100);

    --landing-surface: var(--surface-cream-1);
    --landing-surface-alt: var(--surface-cream-2);
    --landing-surface-warm: #F8EDE6;
    --surface-muted: #EDE8E0;
    --border-card: var(--color-neutro-1);

    --on-surface: var(--text-primary);
    --on-surface-variant: var(--text-secondary);
    --outline-variant: var(--border-default);

    --bg-section-alt: #FDFCF9;

    --primary: var(--naranja-600);
    --primary-bright: var(--color-acento);
    --primary-hover: var(--naranja-400);
    --accent-section: var(--bg-section-alt);
    --orange-100: var(--naranja-100);
    --link-color: var(--color-azul-confianza);

    --error: var(--color-error);
    --error-bg: var(--color-error-bg);

    --brand-gradient-primary: linear-gradient(135deg, var(--naranja-600) 0%, var(--naranja-500) 100%);
    --brand-gradient-warm: linear-gradient(145deg, var(--naranja-500) 0%, var(--naranja-600) 100%);

    --radius-access-btn: 8px;

    --o: var(--brand-orange);
    --od: var(--brand-orange-dark);
    --o-h: var(--brand-orange-hover);
    --o-50: var(--brand-orange-50);
    --o-100: var(--brand-orange-100);
    --o-200: var(--brand-orange-200);
}