/*
  tokens.css — PIEL OFICIAL de Mugi v2: claro = respond.io tal cual; OSCURO = profundo propio (decisión de Nestor 3-sep 10:55: "realmente oscuro, sin tantos grises; los colores oscuros fuertes dan elegancia"): la de la app de respond.io, tal cual (sesión A, 2026-09-03).
  Valores extraídos del CSS real de app.respond.io (variables --dls-*, bloque :root y .dark) y verificados por
  píxel en 10 capturas reales de su app (informe: MUGI-V2/piel-respondio/). MISMOS nombres de variable que
  tokens.css (Core), así que basta con cargar ESTE archivo en lugar de tokens.css para cambiar la piel entera.
  APLICADA por decisión de Nestor el 3-sep-2026 13:50 ("aplica respond.io").
*/
:root{
  /* superficies */
  --bg: #ffffff; --surface: #ffffff; --surface-2: #f2f2f3; --surface-hover: #f2f2f3;
  --nav-bg: #f0f5ff;                       /* riel/sidebar de módulos (--dls-bg-navigation-drawer) */
  --border: rgba(53,60,69,.16); --border-strong: #cfd3d8;
  /* texto */
  --ink: #282e34; --ink-soft: #5b6877; --ink-faint: #6b7583; /* cacería: ≥ 4.5:1 sobre blanco */
  /* acento = azul primario de respond.io */
  --accent: #1a6eff; --accent-strong: #0058f0; --accent-soft: #f0f5ff; --accent-soft-border: #bdd6ff;
  --cta-bg: #1a6eff; --cta-fg: #ffffff; --cta-hover: #0058f0;
  --avatar-1: #e07856; --avatar-2: #5b8a72; --avatar-3: #4d7ea8; --avatar-4: #a86b9e; --avatar-5: #c9974c; --avatar-6: #6b7fd7; --avatar-7: #3fa093; --avatar-8: #c25b5b; /* paleta de avatares (ficha, sesión C); igual en claro y oscuro */
  --enlace: #4287ff;
  /* semánticos (tags de respond.io: fondo suave + texto oscuro del mismo matiz) */
  --ok: #2ca54a;   --ok-bg: #ebf9ee;   --ok-border: #b7e9c3;   --ok-text: #1f7a36;
  --warn: #fa8900; --warn-bg: #fffae5; --warn-border: #f5e4a3; --warn-text: #856a00;
  --bad: #ff382e;  --bad-bg: #ffeceb;  --bad-border: #ffc4c0;  --bad-text: #b3231c;
  --info: #4287ff; --info-bg: #f0f5ff; --info-border: #bdd6ff; --info-text: #0049c7;
  --neutral: #8f8f94; --neutral-bg: #f2f2f3; --neutral-border: #dcdfe5; --neutral-text: #626f7f;
  /* etapas del cliente (sobre los tags de respond.io) */
  --nuevo: #7370ff;        --nuevo-bg: #f0f0ff;        --nuevo-border: #c9c8ff; --nuevo-text: #4b48c7;
  --conversacion: #1a6eff; --conversacion-bg: #f0f5ff; --conversacion-border: #bdd6ff; --conversacion-text: #0049c7;
  --pedido: #fa8900;       --pedido-bg: #ffebd1;       --pedido-border: #ffd39e; --pedido-text: #804600;
  --pagado: #2ca54a;       --pagado-bg: #ebf9ee;       --pagado-border: #b7e9c3; --pagado-text: #12451f;
  --entregado: #b054de;    --entregado-bg: #f7eefc;    --entregado-border: #e3c6f3; --entregado-text: #711d9a;
  /* canales */
  --whatsapp: #25d366;  --whatsapp-bg: #ebf9ee;  --whatsapp-border: #b7e9c3; --whatsapp-text: #12451f;
  --instagram: #c13584; --instagram-bg: #fbeaf4; --instagram-border: #f1c2dd; --instagram-text: #8a1f5c;
  --messenger: #1a6eff; --messenger-bg: #f0f5ff; --messenger-border: #bdd6ff; --messenger-text: #0049c7;
  /* forma */
  --radius-sm: 3px; --radius-md: 4px; --radius-lg: 8px; --radius-pill: 9999px; --radius-avatar: 50%;
  --shadow-1: 0 1px 5.7px rgba(0,0,0,.15);
  --shadow-2: 0 4px 11.3px rgba(0,0,0,.15);
  --focus: 0 0 0 3px rgba(18,105,207,.5);
  /* tipografía */
  --font-display: 'Inter', -apple-system, 'Roboto', 'Helvetica', sans-serif;
  --font-body: 'Inter', -apple-system, 'Roboto', 'Helvetica', sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, Menlo, monospace;
  /* layout medido en la app real */
  --sidebar-w: 232px; --header-h: 48px; --lista-w: 320px; --ficha-w: 340px;
  --overlay: rgba(0,0,0,.45);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg: #07090c; --surface: #0e1116; --surface-2: #141920; --surface-hover: #1a2029; --nav-bg: #07090c;
    --border: rgba(255,255,255,.07); --border-strong: #2a323d;
    --ink: #eef1f5; --ink-soft: #aab3bf; --ink-faint: #8e98a6; /* cacería: ≥ 4.5:1 sobre #0e1116 */
    --accent: #3d8bff; --accent-strong: #5f9fff; --accent-soft: #0f1d33; --accent-soft-border: #1e3a66;
    --cta-bg: #1a6eff; --cta-fg: #ffffff; --cta-hover: #3d8bff; --enlace: #5f9fff;
    --ok: #34d058;   --ok-bg: #0b2a17;   --ok-border: #17532b;   --ok-text: #7ee2a0;
    --warn: #ffb020; --warn-bg: #2b1d00; --warn-border: #5a3f00; --warn-text: #ffd27a;
    --bad: #ff4d45;  --bad-bg: #33100e;  --bad-border: #6b1f1a;  --bad-text: #ff9d97;
    --info: #3d8bff; --info-bg: #0f1d33; --info-border: #1e3a66; --info-text: #9ec3ff;
    --neutral: #8a94a1; --neutral-bg: #171c24; --neutral-border: #2a323d; --neutral-text: #b7c0cc;
    --nuevo: #8f8cff;        --nuevo-bg: #1a1840;        --nuevo-border: #34309a; --nuevo-text: #c3c1ff;
    --conversacion: #3d8bff; --conversacion-bg: #0f1d33; --conversacion-border: #1e3a66; --conversacion-text: #9ec3ff;
    --pedido: #ff9a2e;       --pedido-bg: #2e1800;       --pedido-border: #6b3a00; --pedido-text: #ffc98a;
    --pagado: #34d058;       --pagado-bg: #0b2a17;       --pagado-border: #17532b; --pagado-text: #7ee2a0;
    --entregado: #c77dff;    --entregado-bg: #24103a;    --entregado-border: #4d2280; --entregado-text: #e2bfff;
    --whatsapp: #34d058;  --whatsapp-bg: #0b2a17;  --whatsapp-border: #17532b; --whatsapp-text: #7ee2a0;
    --instagram: #f062b8; --instagram-bg: #37102a; --instagram-border: #6e2258; --instagram-text: #ffb3e0;
    --messenger: #3d8bff; --messenger-bg: #0f1d33; --messenger-border: #1e3a66; --messenger-text: #9ec3ff;
    --shadow-1: 0 1px 4px rgba(0,0,0,.6); --shadow-2: 0 8px 24px rgba(0,0,0,.65);
    --overlay: rgba(0,0,0,.72);
    color-scheme: dark;
  }
}
:root[data-theme="dark"]{
  --bg: #07090c; --surface: #0e1116; --surface-2: #141920; --surface-hover: #1a2029; --nav-bg: #07090c;
  --border: rgba(255,255,255,.07); --border-strong: #2a323d;
  --ink: #eef1f5; --ink-soft: #aab3bf; --ink-faint: #8e98a6; /* cacería: ≥ 4.5:1 sobre #0e1116 */
  --accent: #3d8bff; --accent-strong: #5f9fff; --accent-soft: #0f1d33; --accent-soft-border: #1e3a66;
  --cta-bg: #1a6eff; --cta-fg: #ffffff; --cta-hover: #3d8bff; --enlace: #5f9fff;
  --ok: #34d058;   --ok-bg: #0b2a17;   --ok-border: #17532b;   --ok-text: #7ee2a0;
  --warn: #ffb020; --warn-bg: #2b1d00; --warn-border: #5a3f00; --warn-text: #ffd27a;
  --bad: #ff4d45;  --bad-bg: #33100e;  --bad-border: #6b1f1a;  --bad-text: #ff9d97;
  --info: #3d8bff; --info-bg: #0f1d33; --info-border: #1e3a66; --info-text: #9ec3ff;
  --neutral: #8a94a1; --neutral-bg: #171c24; --neutral-border: #2a323d; --neutral-text: #b7c0cc;
  --nuevo: #8f8cff;        --nuevo-bg: #1a1840;        --nuevo-border: #34309a; --nuevo-text: #c3c1ff;
  --conversacion: #3d8bff; --conversacion-bg: #0f1d33; --conversacion-border: #1e3a66; --conversacion-text: #9ec3ff;
  --pedido: #ff9a2e;       --pedido-bg: #2e1800;       --pedido-border: #6b3a00; --pedido-text: #ffc98a;
  --pagado: #34d058;       --pagado-bg: #0b2a17;       --pagado-border: #17532b; --pagado-text: #7ee2a0;
  --entregado: #c77dff;    --entregado-bg: #24103a;    --entregado-border: #4d2280; --entregado-text: #e2bfff;
  --whatsapp: #34d058;  --whatsapp-bg: #0b2a17;  --whatsapp-border: #17532b; --whatsapp-text: #7ee2a0;
  --instagram: #f062b8; --instagram-bg: #37102a; --instagram-border: #6e2258; --instagram-text: #ffb3e0;
  --messenger: #3d8bff; --messenger-bg: #0f1d33; --messenger-border: #1e3a66; --messenger-text: #9ec3ff;
  --shadow-1: 0 1px 4px rgba(0,0,0,.6); --shadow-2: 0 8px 24px rgba(0,0,0,.65);
  --overlay: rgba(0,0,0,.72);
  color-scheme: dark;
}