/* ============================================================
   HUF — Tema "portal-cliente" (Portal cliente gimnasio, /p/{alias}/...)
   ------------------------------------------------------------
   Reconcilia el acento verde ya usado en _ClienteLayout.cshtml bajo el
   árbol de tokens de HUF. Claro por decisión existente (no es un pivote
   a oscuro como el tema admin). Migrado en la Fase B del plan de
   migración — primer consumidor real, por eso ya define también los
   tokens de superficie L1/L3 (--hd-color-bg-secondary/-inset) que los
   componentes más nuevos (topbar, sidebar, alert, modal) necesitan sin
   fallback. Sigue como deuda anotada el naming por producto de este
   archivo (HVL §10) — fuera de alcance de esta migración.
   ============================================================ */

[data-hd-theme="portal-cliente"] {
    color-scheme: light;

    --hd-color-border:        #DCEBE2;
    --hd-color-border-strong: #BFDCCB;
    --hd-color-bg-secondary:  #EAF6EE; /* L1 — chrome: topbar, header de modal */
    --hd-color-surface:       #FFFFFF; /* L2 — cards */
    --hd-color-inset:         #F0F7F2; /* L3 — inputs */
    --hd-color-accent-contrast: #FFFFFF;

    --hd-theme-bg:          #F5FBF7;
    --hd-theme-surface:     #FFFFFF;
    --hd-theme-text:        #0F172A;
    --hd-theme-text-muted:  #4B5B54;
    --hd-theme-font:        'Segoe UI', system-ui, -apple-system, sans-serif;

    --hd-theme-accent:       #22C55E;
    --hd-theme-accent-hover: #16A34A;
    --hd-theme-accent-rgb:   34, 197, 94;
}

/* .hd-badge--estado-* (badges.css) trae solo el par pastel-de-fondo +
   texto-brillante calibrado para superficie oscura (línea 26-31 de
   badges.css: "sobre blanco da 2.1-3.8:1, no pasa WCAG AA"). El único
   override claro que existe hoy está condicionado a
   [data-hd-theme="neo-industrial"][data-hd-mode="light"], que nunca
   aplica aquí — este tema es permanentemente claro (color-scheme: light,
   arriba) y no usa data-hd-mode. Sin este bloque, cada
   <hd-badge-estado> del Portal Cliente (Dashboard, Membresía, Agenda)
   quedaría con texto de bajo contraste sobre --hd-theme-surface blanco.
   Mismos pares ya auditados que la variante clara de neo-industrial
   (docs/auditoria-tematizacion-2026-08-09.md), no valores nuevos. */
[data-hd-theme="portal-cliente"] .hd-badge--estado-activa,
[data-hd-theme="portal-cliente"] .hd-badge--estado-confirmada {
    background: rgba(34, 197, 94, 0.14); color: #166534;
}
[data-hd-theme="portal-cliente"] .hd-badge--estado-pendiente {
    background: rgba(245, 158, 11, 0.16); color: #92400E;
}
[data-hd-theme="portal-cliente"] .hd-badge--estado-completada {
    background: rgba(0, 194, 168, 0.16); color: #00695C;
}
[data-hd-theme="portal-cliente"] .hd-badge--estado-cancelada,
[data-hd-theme="portal-cliente"] .hd-badge--estado-vencida {
    background: rgba(239, 68, 68, 0.14); color: #B91C1C;
}
[data-hd-theme="portal-cliente"] .hd-badge--neutral {
    background: rgba(148, 163, 184, 0.20); color: #334155;
}