/* ============================================================
   HUF — Acento de vertical: Comercial
   ------------------------------------------------------------
   Ver themes/bar-accent.css para la explicación completa del patrón
   (capa de acento, independiente de la identidad, un solo token).

   Creado el 2026-08-13 para cerrar la decisión que quedó abierta en
   HVL §11.2 al implementar el modo pastel: la vertical `comercial`
   (creada por ADR-014) no tenía color de identidad y caía al fallback
   neutro turquesa. Azul rey por decisión de producto.

   NO reutiliza el violeta huérfano de themes/bar-accent.css. Ese archivo
   quedó sin dueño cuando ADR-014 unificó `bar` dentro de `restaurante`, y
   sigue sin dueño: `comercial` es una vertical distinta, no la heredera
   de `bar`. Retirar bar-accent.css es una limpieza aparte, no parte de
   esta decisión.

   Uso permitido (HVL §5.3): SOLO en badges y en el riel de
   identificación de módulo. Nunca como tema de página ni como fondo —
   salvo en modo pastel, que es la excepción documentada en §5.3.2.
   ============================================================ */

:root {
    --hd-accent-comercial: #2563EB; /* Blue 600 — "azul rey" */
}

/* ── Modo pastel (data-hd-mode="pastel") — ver gym-accent.css para la
   explicación completa del patrón (EXCEPCIÓN documentada a HVL §5.3,
   docs/hednora-visual-language.md §5.3.2).

   Lavado blue-100 (#DBEAFE): luminancia 0.811, apenas por debajo de la
   banda 0.82–0.89 de las otras tres verticales. Es esperado y no se
   compensa: el azul aporta menos luminancia que verde o ámbar a igual
   nivel de la escala, y subirlo un escalón lo devolvería a la zona de
   "blanco sucio" que §5.3.2 prohíbe. Texto #0F172A da 14.63:1 y #475569
   da 6.21:1 sobre este lavado; accent-text da 7.15:1. ── */
[data-hd-vertical="comercial"][data-hd-mode="pastel"] {
    --hd-color-bg:              #EEF2F9;
    --hd-color-bg-secondary:    #DBEAFE;
    --hd-theme-accent:          #2563EB;
    --hd-theme-accent-rgb:      37, 99, 235;
    --hd-theme-accent-text:     #1E40AF; /* 7.15:1 sobre el lavado · 8.72:1 sobre superficie blanca */
    --hd-theme-accent-hover:    #1E3A8A;

    /* ÚNICA vertical cuyo texto de botón primario es blanco y no #08131F.
       No es una inconsistencia: el azul rey es un acento OSCURO (luminancia
       0.153) mientras que emerald/ámbar/rosa son claros. Sobre #2563EB el
       tinte oscuro #08131F da 3.62:1 — no pasa AA. Blanco da 5.17:1.
       Regla general: el contraste se calcula contra el acento real, nunca
       se copia del vecino. */
    --hd-color-accent-contrast: #FFFFFF;
}