/* =====================================================================
   Marca de instancia: Mondelez (config_hub.marca = 'mdlz')
   ---------------------------------------------------------------------
   SOLO variables del tema corporativo: ninguna regla, ningún selector
   de componente (lo vigila monitor/comunes/tests/gs_marca_contract_test.js).
   La enlaza protected/views/layouts/_gs_marca.php DESPUÉS de gs-theme.css,
   gs-tokens.css y, en el login, gs-auth.css; gs-theme.js la inyecta
   también en las ventanas flotantes. Claro y oscuro no cambian.
   Valores: la hoja de producción de Mondelez (gs-theme.css y gs-auth.css
   del commit 3a6f62aa0), más los tokens que gs-tokens.css deriva de la
   marca por defecto (texto sobre el acento, paleta y rejilla de gráficos).
   Selector html + body: gs-theme.css declara las variables en los dos,
   y con la marca solo en html el body seguiría con la marca por defecto.
   Norma: docs/integrator/CONVENCIONES.md §6.
   ===================================================================== */
html.gs-theme-corporativo,
body.gs-theme-corporativo {
  --gs-brand-900: #3a135d;
  --gs-brand-800: #502172;
  --gs-brand-700: #5a2a82;
  --gs-brand-600: #6a33a0;
  --gs-brand-500: #8553a9;
  /* Canales RGB de los tonos con transparencia de gs-theme.css (acento, tinta y sombra) */
  --gs-brand-accent-rgb: 90, 42, 130;
  --gs-brand-ink-rgb: 80, 33, 114;
  --gs-brand-shadow-rgb: 58, 19, 93;
  --gs-bg: #fbfafc;
  --gs-surface-2: #f6f2f8;
  --gs-border: rgba(58, 19, 93, 0.14);
  /* El acento de Mondelez es el morado de la marca (brand-700), no el tono claro (brand-600) */
  --gs-accent: var(--gs-brand-700);
  /* gs-tokens.css pone el texto sobre el acento en brand-900 (pensado para el cian claro): con el
     morado sería 1,46:1; en blanco, 10,06:1 */
  --gs-on-accent: #ffffff;
  /* Paleta de gráficos: la serie 2 en el azul del tema claro, para no dejar dos morados seguidos */
  --gs-chart-2: #168fb9;
  --gs-chart-grid: rgba(58, 19, 93, 0.10);
}

/* Login (gs-auth.css): la clase del tema solo está en <html> hasta que gs-theme.js la copia al body */
html.gs-theme-corporativo {
  --gs-auth-accent-rgb: 90, 42, 130;
  --gs-auth-accent2-rgb: 133, 83, 169;
  --gs-auth-right-glass: rgba(58, 19, 93, 0.60);
  --gs-auth-btn: #5a2a82;
  --gs-auth-btn-hover: #4c226f;
}