/* ============================================================
   HUF — Tema "menu-qr" (Menú QR público, /m/{qrToken})
   ------------------------------------------------------------
   Reconcilia el acento ámbar y el tema oscuro ya usados en
   _MenuLayout.cshtml bajo el árbol de tokens de HUF. 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 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="menu-qr"] {
    color-scheme: dark;

    --hd-color-border:        rgba(255,255,255,0.10);
    --hd-color-border-strong: rgba(255,255,255,0.18);
    --hd-color-bg-secondary:  #1A1A1A; /* L1 — chrome: topbar, header de modal */
    --hd-color-surface:       #1C1C1C; /* L2 — cards */
    --hd-color-inset:         #242424; /* L3 — inputs */
    --hd-color-accent-contrast: #1A1200;

    --hd-theme-bg:          #111111;
    --hd-theme-surface:     #1C1C1C;
    --hd-theme-text:        #F8FAFC;
    --hd-theme-text-muted:  #A3A3A3;
    --hd-theme-font:        'Segoe UI', system-ui, -apple-system, sans-serif;

    --hd-theme-accent:       #F59E0B;
    --hd-theme-accent-hover: #D97706;
    --hd-theme-accent-rgb:   245, 158, 11;
}