/* Discador MeuCallcenter — design tokens oficiais (fonte única de cores/tipografia).
   Referência: design/logo-meucallcenter.webp + docs/identidade-visual.md.
   Nenhuma tela deve usar cor hex diretamente: sempre var(--mcc-*). */
:root {
  /* Marca */
  --mcc-navy: #072250;        /* 1. identidade principal: menu, títulos, texto principal */
  --mcc-action: #0758D0;      /* 2. ações e interações: botão principal, links, aba ativa */
  --mcc-light: #1496E8;       /* 3. apoio: gradientes, ícones secundários, info */
  --mcc-success: #58BB3A;     /* 4. sucesso/resultado (semântico, nunca decorativo) */

  /* Base */
  --mcc-bg: #F5F7FA;          /* fundo geral */
  --mcc-surface: #FFFFFF;     /* cards, modais, formulários */
  --mcc-text: var(--mcc-navy);
  --mcc-text-muted: #64748B;  /* descrições, placeholders, datas */
  --mcc-border: #E2E8F0;

  /* Semânticas */
  --mcc-warning: #F5B800;
  --mcc-danger: #DC3545;
  --mcc-info: var(--mcc-light);
  --mcc-inactive: var(--mcc-text-muted);

  /* Status (fundos suaves para badges: cor + ícone + texto, nunca só cor) */
  --mcc-success-soft: #EAF6E5;
  --mcc-action-soft: #E6EEFB;
  --mcc-info-soft: #E3F2FC;
  --mcc-warning-soft: #FEF6D9;
  --mcc-danger-soft: #FBE9EB;
  --mcc-inactive-soft: #EEF1F5;

  /* Gradiente de marca (uso moderado, só em destaques) */
  --mcc-gradient: linear-gradient(135deg, var(--mcc-action), var(--mcc-light));

  /* Tipografia — uma única família */
  --mcc-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Forma */
  --mcc-radius: 10px;
  --mcc-radius-sm: 6px;
  --mcc-shadow: 0 1px 2px rgba(7, 34, 80, .06), 0 2px 8px rgba(7, 34, 80, .06);
  --mcc-focus: 0 0 0 3px rgba(7, 88, 208, .25);
  --mcc-touch: 44px;          /* altura mínima de alvo de toque no mobile */
}