/* panel-themes.css — themes de panel del negocio como juegos de tokens.
   Se carga después de tokens.css. Un theme de panel SOLO cambia valores de tokens:
   ningún componente tiene reglas propias por theme.
   Raíz: <body class="mc-business" data-brand="business-{id}" data-panel-theme="minimal|compacto|suave"
          data-variation="…" data-mode="light|dark" data-density="compact|comfortable"
          data-header="breadcrumbs|simple|search" data-sidebar="light|dark" dir="ltr|rtl"> */

/* ── 1. Tokens nuevos (documentados en el Sistema de diseño) ─────────────── */
:root, [data-brand] {
  /* Acento por defecto del negocio (agencia > negocio > este valor) */
  --accent: #334155; --accent-hover: #1E293B; --accent-subtle: #F1F5F9; --accent-text: #334155; --accent-contrast: #FFFFFF;
  --font-heading: var(--font-sans);
  /* Densidad: filas de tabla y listas */
  --row-height: 48px; --row-pad-y: 12px; --card-pad: 20px; --page-gap: 24px;
  /* Táctil */
  --tap-min: 44px;
  /* Menú lateral */
  --sidebar-bg: var(--bg-subtle); --sidebar-fg: var(--text-secondary); --sidebar-fg-strong: var(--text);
  --sidebar-muted: var(--text-tertiary); --sidebar-active-bg: var(--bg-muted); --sidebar-border: var(--border);
  --sidebar-rail: 64px; --bottom-nav: 60px;
  /* Barras de sesión */
  --banner-height: 40px; --trybar-height: 48px;
  /* Bloqueo */
  --lock-icon-page: 40px; --lock-icon-inline: 16px;
}
[data-mode="dark"] { --accent: #CBD5E1; --accent-hover: #E2E8F0; --accent-contrast: #0A0A0B; --accent-subtle: rgb(148 163 184 / 0.14); --accent-text: #CBD5E1; }

[data-density="compact"] {
  --control-sm: 24px; --control-md: 30px; --control-lg: 36px;
  --row-height: 38px; --row-pad-y: 7px; --card-pad: 16px; --page-gap: 20px;
  --text-base: 13px; --lh-base: 20px;
}
/* En móvil la densidad nunca baja de 44 px táctiles */
@media (max-width: 639px) { [data-density] { --control-md: 40px; --control-lg: 44px; --row-height: 56px; } }

[data-sidebar="dark"] {
  --sidebar-bg: #111113; --sidebar-fg: #A8A8B0; --sidebar-fg-strong: #EDEDEF;
  --sidebar-muted: #8B8B94; --sidebar-active-bg: #1C1C20; --sidebar-border: #232327;
}

/* ── 2. Themes de panel ─────────────────────────────────────────────────── */
/* panel-minimal (por defecto): cómoda, radio 10, claro, menú claro, migas */
[data-panel-theme="minimal"] { --radius-md: 6px; --radius-lg: 10px; --radius-xl: 14px; }
[data-panel-theme="minimal"][data-variation="grafito"] { /* menú oscuro: se aplica con data-sidebar="dark" */ }
[data-panel-theme="minimal"][data-variation="suave"] {
  --accent: #B4532A; --accent-hover: #963F1B; --accent-subtle: #FBF0EA; --accent-text: #A84B24;
  --radius-md: 8px; --radius-lg: 14px; --radius-xl: 18px;
}
[data-panel-theme="minimal"][data-variation="suave"][data-mode="dark"] { --accent-subtle: rgb(240 162 127 / 0.14); --accent-text: #F0A27F; }

/* panel-compacto: #27272A, Geist, compacta, radio 6, cabecera con buscador */
[data-panel-theme="compacto"] {
  --font-sans: "Geist", ui-sans-serif, system-ui, sans-serif;
  --accent: #27272A; --accent-hover: #18181B; --accent-subtle: #F4F4F5; --accent-text: #27272A;
  --radius-sm: 3px; --radius-md: 4px; --radius-lg: 6px; --radius-xl: 8px;
}
[data-panel-theme="compacto"][data-mode="dark"] { --accent: #E4E4E7; --accent-hover: #FFFFFF; --accent-contrast: #0A0A0B; --accent-subtle: rgb(228 228 231 / 0.10); --accent-text: #E4E4E7; }
[data-panel-theme="compacto"][data-variation="azul"] { --accent: #1F5BFF; --accent-hover: #1A4DE0; --accent-subtle: #EEF3FF; --accent-text: #1F5BFF; --accent-contrast: #FFFFFF; }
[data-panel-theme="compacto"][data-variation="azul"][data-mode="dark"] { --accent: #3B6FFF; --accent-subtle: rgb(59 111 255 / 0.16); --accent-text: #8FAEFF; }
[data-panel-theme="compacto"][data-variation="violeta"] { --accent: #7C3AED; --accent-hover: #6D28D9; --accent-subtle: #F3EEFE; --accent-text: #7C3AED; --accent-contrast: #FFFFFF; }
[data-panel-theme="compacto"][data-variation="violeta"][data-mode="dark"] { --accent: #8B5CF6; --accent-subtle: rgb(139 92 246 / 0.16); --accent-text: #C4B5FD; }

/* panel-suave: #B4532A, Figtree, cómoda, radio 14, migas */
[data-panel-theme="suave"] {
  --font-sans: "Figtree", ui-sans-serif, system-ui, sans-serif;
  --accent: #B4532A; --accent-hover: #963F1B; --accent-subtle: #FBF0EA; --accent-text: #A84B24;
  --radius-sm: 6px; --radius-md: 10px; --radius-lg: 14px; --radius-xl: 20px;
  --bg-subtle: #FBF8F5; --bg-muted: #F5F0EB; --bg-hover: #F5F0EB; --border: #ECE5DE; --border-strong: #DDD3C9;
}
[data-panel-theme="suave"][data-mode="dark"] {
  --bg: #0F0D0C; --bg-subtle: #151210; --bg-muted: #1C1815; --bg-hover: #221D19; --surface: #151210; --surface-raised: #1B1714;
  --border: #2A2420; --border-strong: #3A322C; --accent-subtle: rgb(240 162 127 / 0.14); --accent-text: #F0A27F;
}
[data-panel-theme="suave"][data-variation="salvia"] { --accent: #0F766E; --accent-hover: #0B5F58; --accent-subtle: #E8F5F3; --accent-text: #0F766E; }
[data-panel-theme="suave"][data-variation="salvia"][data-mode="dark"] { --accent: #14B8A6; --accent-contrast: #04201D; --accent-subtle: rgb(20 184 166 / 0.14); --accent-text: #5EEAD4; }

/* ── 3. Marca de ejemplo del negocio (demo «Tienda», agencia Demo Agency) ── */
[data-brand="business-tienda"] { }