/* LeadFlow — tokens de design (fonte: _docs/CLAUDE.MD §2).
   Cores primárias do logo (marinho #12305A e verde #10BF86) conciliadas com a base do sistema:
   neutros frios ("slate", combinam com o marinho), cores de estado e de gráficos mantidas. */
:root {
  /* Marca (cores exatas do logo) */
  --mg-navy:     #12305a;   /* "Lead" e o balão do símbolo */
  --mg-green:    #10bf86;   /* "Flow" e a seta do símbolo */

  /* Superfícies e neutros */
  --mg-canvas:   #f8fafc;   /* fundo da página */
  --mg-card:     #ffffff;   /* cartões, inputs, topbar */
  --mg-border:   #e3e8ef;   /* hairline principal */
  --mg-border-2: #cdd6e1;   /* bordas de inputs / secundárias */
  --mg-muted:    #94a3b8;   /* texto auxiliar, desabilitado */
  --mg-text-2:   #64748b;   /* corpo secundário, links de nav */
  --mg-text:     #0f172a;   /* títulos e texto forte */
  --mg-inverse:  #12305a;   /* abas ativas, superfícies invertidas (marinho do logo) */
  --mg-dark:     #0b1d38;   /* barra lateral, faixas e folhas escuras (marinho profundo) */
  --mg-row-hover:#fbfcfe;
  --mg-off:      #eef2f6;   /* badge neutro, tags */

  /* Acento (ações): o verde do logo escurecido para texto branco passar no contraste AA (4,5:1) */
  --mg-accent:      #08875f;
  --mg-accent-edge: #076f4e;
  --mg-accent-wash: #ddf5eb;
  --mg-accent-2:    #10bf86;   /* verde do logo: ícones e destaques sobre fundo escuro */
  --mg-accent-3:    #5ee0b1;   /* verde-claro: marcas sobre o marinho */
  --mg-gradient: linear-gradient(90deg, #4f86e8 0%, #10bf86 55%, #5ee0b1 100%); /* fios e 1 destaque */

  /* Estados (uso restrito a badges e alertas) */
  --mg-ok: #0f9d6b;    --mg-ok-bg: #e3f7ef;
  --mg-warn: #a86b00;  --mg-warn-bg: #fff3d6;  --mg-warn-border: #f3dba0;
  --mg-err: #d1363b;   --mg-err-bg: #fde8e8;   --mg-err-border: #f3c5c6;
  --mg-info-border: #b9d4ff;

  /* Tipografia */
  --mg-font-display: 'Inter Tight', 'Inter', system-ui, sans-serif;
  --mg-font-ui: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --mg-font-mono: ui-monospace, Consolas, 'Cascadia Mono', monospace;
  --mg-text-caption: 12px;
  --mg-text-body: 14px;
  --mg-text-body-lg: 16px;
  --mg-text-sub: 20px;
  --mg-text-h1: 32px;
  --mg-text-display: 52px;

  /* Espaçamento (base 4px) */
  --mg-sp-1: 4px;  --mg-sp-2: 8px;  --mg-sp-3: 12px; --mg-sp-4: 16px;
  --mg-sp-6: 24px; --mg-sp-8: 32px; --mg-sp-12: 48px; --mg-sp-16: 64px; --mg-sp-24: 96px;
  --mg-page-max: 1200px;
  --mg-side-w: 248px;
  --mg-topbar-h: 56px;

  /* Raios */
  --mg-r-pill: 9999px;
  --mg-r-card: 10px;
  --mg-r-input: 6px;
  --mg-r-icon: 4px;
  --mg-r-feature: 16px;

  /* Sombras */
  --mg-shadow-subtle: rgba(0, 0, 0, .05) 0 1px 2px 0;
  --mg-shadow-card:   rgba(0, 0, 0, .05) 0 4px 16px 0;
  --mg-shadow-float:  rgba(17, 12, 46, .12) 0 12px 45px 0;  /* um elemento por tela */

  /* Movimento */
  --mg-ease: cubic-bezier(.2, .7, .2, 1);
  --mg-dur: .16s;
}