/* ============================================================
   DESIGN SYSTEM — colors.css
   Tokens de cor extraídos de REFERENCIA.png (fonte da verdade).
   Carregado APÓS dashboard.css: além de expor os tokens novos,
   remapeia os --emea-* existentes para re-skinar toda a Área do
   Cliente de forma consistente, sem reescrever cada componente.
   ============================================================ */
:root{
  /* --- Tokens semânticos (pedidos no briefing) --- */
  --primary:#004AAD;
  --primary-hover:#003A8C;
  --primary-soft:#EAF1FF;          /* fundo de ícone azul / item ativo da sidebar */
  --secondary:#0CA5B8;             /* teal — CV */
  --secondary-soft:#E2F7FB;
  --background:#F4F6FB;            /* fundo da área de conteúdo */
  --card-background:#FFFFFF;
  --border-color:#E6E9F0;
  --text-primary:#16213A;
  --text-secondary:#667085;

  /* --- Estados / acentos --- */
  --success:#16A34A;
  --success-soft:#E7F8EF;
  --warning:#F59E0B;
  --warning-soft:#FEF3E2;
  --danger:#DC2626;
  --danger-soft:#FDECEC;
  --text-muted:#98A2B3;

  /* --- Remapeamento dos tokens legados (dashboard.css) ---
     mantém todos os componentes existentes alinhados à referência. */
  --emea-blue:var(--primary);
  --emea-blue-hover:var(--primary-hover);
  --emea-blue-soft:var(--primary-soft);
  --emea-blue-dark:#1E40AF;
  --emea-blue-line:#D5E2FB;
  --emea-cyan:var(--secondary);

  --ink:var(--text-primary);
  --ink-soft:#344054;
  --ink-muted:var(--text-secondary);
  --ink-faint:var(--text-muted);

  --line:var(--border-color);
  --line-strong:#D7DCE6;
  --bg:var(--background);
  --white:var(--card-background);

  --success-color:var(--success);
  --warning-color:var(--warning);

  /* anel de progresso */
  --ring-track:#EAEDF3;
}