/*
Design tokens del portal, alineados al lenguaje visual real de Chatwoot -
ver docs/UI_UNIFICACION_SPEC.md. Valores leídos directo del código fuente
de Chatwoot (app/javascript/dashboard/assets/scss/_next-colors.scss,
_woot.scss), no adivinados: el azul funcional real de la UI (#2781F6) es
distinto del azul de marca pública de Chatwoot (#1F93FF).
*/

:root {
  /* Escala azul (interactivo/primario) */
  --cw-blue-3: #E9F3FF;
  --cw-blue-9: #2781F6;
  --cw-blue-11: #086DE0;

  /* Estructura */
  --cw-background: #F7F7F7;
  --cw-surface: #FFFFFF;
  --cw-border: #ECECEC;
  --cw-text: #1C2024;
  --cw-text-soft: #60646C;

  /* Estados (badges) - fondo = paso 3 de la escala, texto = paso 11 */
  --cw-teal-3: #E0F8F3;
  --cw-teal-11: #008573;
  --cw-amber-3: #FFF7C2;
  --cw-amber-11: #AB6400;
  --cw-ruby-3: #FEEAED;
  --cw-ruby-11: #CA244D;
  --cw-slate-3: #F0F0F3;
  --cw-slate-11: #60646C;

  /* Layout */
  --cw-radius-badge: 6px;
  --cw-radius-card: 8px;
  --cw-font: 'Inter', -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}