/*
 * Paleta compartida por todas las páginas (/, /respuestas, /analisis, /leads, /envios).
 * Para aplicar los colores de marca de SPEAL basta con cambiar --accent y --c1…--c7 aquí
 * (y sus versiones del modo oscuro); las gráficas leen estas variables al pintarse.
 */
:root {
  --bg: #f6f6f3; --surface: #fff; --border: #e6e5df;
  --text: #29292a; --muted: #70706a; --accent: #3f6b5e; --track: #ecebe5;
  --shadow: 0 1px 2px rgba(20,20,15,.04), 0 1px 8px rgba(20,20,15,.03);
  --c1:#3f6b5e; --c2:#6b7f9e; --c3:#a98b5d; --c4:#9e6b6b;
  --c5:#7d8a6a; --c6:#7a7a90; --c7:#a3a39a;
  --ok:#3f7d5e; --pend:#b58a3c; --none:#b9b9b0; --bad:#a95c54;
}
/* Logo de la marca: sobre fondo blanco para que se lea también en el modo oscuro (el texto del logo es negro). */
.logo-chip { display:inline-block; background:#fff; border:1px solid var(--border); border-radius:10px; padding:6px 12px; margin-bottom:10px; line-height:0; }
.logo-chip img { height:30px; width:auto; display:block; }
@media (prefers-color-scheme: dark) {
  :root {
    --bg:#191a19; --surface:#232421; --border:#34352f;
    --text:#e9e8e2; --muted:#9b9b92; --accent:#77b0a0; --track:#2d2e29; --shadow:none;
    --c1:#77b0a0; --c2:#8fa3c2; --c3:#c6a877; --c4:#c08a8a;
    --c5:#9aa985; --c6:#9a9ab0; --c7:#6f6f68;
    --ok:#6fae8f; --pend:#cfa661; --none:#5c5c56; --bad:#c58a82;
  }
}