/* ============================================================
   HUF — Identidad "Hednora Neo Industrial", variante CLARA
   ------------------------------------------------------------
   Mismo archivo de identidad que themes/neo-industrial.css, pero
   activado por un atributo INDEPENDIENTE: data-hd-mode="light".
   data-hd-theme (identidad/producto: neo-industrial | portal-cliente |
   portal-salon | menu-qr) y data-hd-mode (claro/oscuro) son conceptos
   separados a propósito — permite sumar temas nuevos a futuro sin
   volver a tocar esta arquitectura. Ver docs/auditoria-tematizacion-
   2026-08-09.md (Fase 0) para el porqué de cada valor.

   Selector visual: botón sol/luna en el sidebar (_Layout.cshtml,
   #themeModeToggle), persistencia con HD.prefs (scope 'global') e
   inicialización antes del primer pintado — Fase 2, cerrada 2026-08-10.

   Selector con las DOS condiciones a propósito: nunca se activa sobre
   portal-cliente/portal-salon/menu-qr, que son identidades propias y
   quedan fuera de esta fase.

   Todo color de aquí abajo está calculado (no solo mirado) contra
   WCAG AA en la superficie donde realmente se usa — mínimo 4.5:1 para
   texto normal, 3:1 para ícono/borde. Tabla completa en el documento
   de auditoría. Neo Industrial Dark (themes/neo-industrial.css) no se
   modifica: este archivo solo agrega una alternativa.
   ============================================================ */

[data-hd-theme="neo-industrial"][data-hd-mode="light"] {
    color-scheme: light;

    /* ── Superficies (HVL §5.2) — misma lógica de elevación que en
       oscuro (cada capa "flota" más que la anterior), pero como el
       claro empieza cerca del blanco, la superficie L2 es blanco puro
       (el punto más alto de la escala) en vez del punto más bajo.

       Revisión 2026-08-10 (auditoría visual post-Fase 2): bg/bg-secondary/
       inset quedaron en una banda demasiado angosta (F1F5F9/E2E8F0/EDF1F6,
       las tres a menos de 5 puntos de luminancia entre sí) — la tarjeta
       blanca era la única superficie que realmente se distinguía, y su
       borde al 10% de alpha no alcanzaba a marcar el límite. Se profundizan
       las tres un escalón (manteniendo el mismo orden relativo) para que el
       sidebar/topbar se lean como chrome distinto del lienzo, y el lienzo
       distinto de la tarjeta — sin tocar --hd-color-surface (sigue blanco
       puro, es el ancla más clara de la escala) ni ningún par texto/fondo
       (los tres solo aparecen bajo texto de página, nunca como color de
       texto). Contraste re-verificado por fórmula, no visual, valores
       nuevos abajo. ── */
    --hd-color-bg:            #E6ECF4; /* L0 */
    --hd-color-bg-secondary:  #DCE3ED; /* L1 — chrome: topbar, sidebar */
    --hd-color-surface:       #FFFFFF; /* L2 — cards */
    --hd-color-inset:         #E9EEF5; /* L3 — inputs */
    /* Alpha subida de .10/.18 a .16/.28: el mismo negro-transparente que en
       oscuro da una línea visible (blanco-sobre-oscuro parte con margen) se
       acercaba a 1:1 sobre casi-blanco — el borde dejaba de cumplir su único
       trabajo, marcar el límite de una tarjeta. Sigue siendo un hairline,
       no un contorno grueso: solo pasó a ser uno que realmente se ve. */
    --hd-color-border:        rgba(15, 23, 42, 0.16);
    --hd-color-border-strong: rgba(15, 23, 42, 0.28);

    --hd-theme-bg:          var(--hd-color-bg);
    --hd-theme-surface:     var(--hd-color-surface);
    --hd-theme-text:        #0F172A; /* 15.0–17.9:1 sobre bg/bg-secondary/surface/inset */
    --hd-theme-text-muted:  #475569; /* 5.9–7.6:1 sobre bg/bg-secondary/surface */
    --hd-theme-font:        var(--hd-font-sans);

    /* Placeholder de input/textarea (forms.css) — antes reusaba text-muted
       al 70% de opacidad (misma fórmula que oscuro), pero sobre un inset ya
       casi blanco eso resolvía a ~3.34:1, demasiado pálido para distinguir
       "campo vacío" de "campo con un 0 real" en pantallas de conteo (arqueo
       de caja). Color plano, sin opacity: 4.08:1 sobre inset, 4.76:1 sobre
       superficie blanca. */
    --hd-theme-placeholder: #64748B;

    /* ── Acento único de identidad (HVL §5.3) — el turquesa NO cambia
       entre modos: es el color de marca, no una variable de contraste.
       Solo se oscurece cuando se usa como texto/ícono (accent-text,
       abajo) — #00C2A8 puro da 2.1–2.3:1 sobre blanco, no pasa AA. ── */
    --hd-theme-accent:          #00C2A8;
    --hd-theme-accent-hover:    #004D43; /* estado hover de texto/link — más oscuro, no más claro, para ganar contraste en vez de perderlo */
    --hd-theme-accent-rgb:      0, 194, 168;
    --hd-color-accent-contrast: #08131F; /* botón primario: fondo sigue siendo accent puro, contraste 8.26:1 sin cambios */

    --hd-theme-accent-text: #00695C; /* 5.1–6.6:1 sobre bg/bg-secondary/surface */

    /* ── Estados — en tokens.css son fijos (compartidos con portal-
       cliente/salon/menu-qr, que NO se tocan). Aquí se sobrescriben
       solo para esta combinación exacta de identidad+modo, mismo hue,
       recalibrados para uso como texto sobre fondo claro. ── */
    --hd-color-success: #166534; /* 6.3:1 sobre su propio tinte de badge */
    --hd-color-warning: #92400E; /* 6.3:1 sobre su propio tinte de badge */
    --hd-color-error:   #B91C1C; /* 5.4:1 sobre su propio tinte de badge */
    --hd-color-info:    #075985; /* 6.5:1 sobre su propio tinte de badge */
}