/* Esqueleto visual del motor de chat — SIN identidad de ningún cliente.
   La marca real (paleta, tipografías, logo, nombre) llega en tiempo de
   ejecución desde `GET /api/brand?t=<slug>` y se aplica como variables CSS
   sobre document.documentElement antes de pintar la pantalla de acceso.
   Los valores de abajo son solo el respaldo neutro en grises: se ven
   únicamente si ese endpoint falla. No pongas colores de cliente aquí:
   este archivo se copia tal cual a todos los repositorios. */
:root {
  --accent: #4a4f55;
  --accent-soft: #f0f1f3;
  --accent-deep: #2f3338;
  --accent-contrast: #ffffff;
  --gradient: linear-gradient(135deg, #5a6068, #2f3338);
  --ink: #333638;
  --ink-soft: #6b6e71;
  --ink-faint: #9b9ea1;
  --bg: #f5f6f8;
  --surface: #ffffff;
  --line: #e4e6e9;
  --navy: #2f3338;
  --radius: 14px;
  --font-body: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-display: var(--font-body);
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);
  --shadow-md: 0 6px 24px -8px rgba(0, 0, 0, .14);
}
* { box-sizing: border-box; margin: 0; }
body { font-family: var(--font-body); color: var(--ink); background: var(--bg); -webkit-font-smoothing: antialiased; }
button, input, textarea, select { font-family: var(--font-body); }

/* Anti-parpadeo: el cuerpo queda oculto hasta que la marca esté aplicada
   o hasta que venza el tiempo máximo de espera del script de arranque. */
html.brand-pending body { visibility: hidden; }