/*
 * Colores de marca por cliente (se activan con [data-brand] que pone brand.js).
 * LibreChat usa variables CSS para su tema → sobrescribimos el acento y los
 * botones de acción principales por cada marca. Colores tomados del código real
 * de cada web (Astro): FTM ocre #BF750F, Catedral oro #C9A753 + azul #012F60.
 */

/* ── FTM — ocre sobre crema ─────────────────────────────── */
:root[data-brand='ftm'] {
  --brand-purple: #bf750f;
  --surface-submit: #bf750f;
  --surface-submit-hover: #a5640c;
  --surface-active: #bf750f;
  --surface-active-alt: #f3e7d3;
  --text-link: #bf750f;
  --ring-primary: #bf750f;
  --green-500: #bf750f; /* algunos acentos de LibreChat usan verde */
  --green-600: #a5640c;
}

/* ── Catedral — oro + azul marino ───────────────────────── */
:root[data-brand='catedral'] {
  --brand-purple: #012f60;
  --surface-submit: #012f60;
  --surface-submit-hover: #01213f;
  --surface-active: #012f60;
  --surface-active-alt: #eef2f8;
  --text-link: #012f60;
  --ring-primary: #c9a753;
  --green-500: #012f60;
  --green-600: #01213f;
}

/* ── Piensaenweb (por defecto) — azul de marca ──────────── */
:root[data-brand='piensa'] {
  --brand-purple: #2d6cdf;
  --surface-submit: #2d6cdf;
  --surface-submit-hover: #245bbd;
  --text-link: #2d6cdf;
  --ring-primary: #2d6cdf;
}

/* El logo del cliente puede ser ancho: que respire en la cabecera/login. */
img[data-branded='1'] {
  max-height: 44px;
  width: auto;
  max-width: 200px;
}