/* ==========================================================
   Design tokens — identidade visual do CRM Koba
   Mesma paleta, mesmo padrão, mesmo estilo em toda a plataforma.
   ========================================================== */
:root {
  /* Cores */
  --cor-primaria: #1463FF;
  --cor-primaria-hover: #0F56E8;
  --cor-azul-claro: #EAF2FF;
  --cor-fundo: #F7F9FC;
  --cor-card: #FFFFFF;
  --cor-borda: #E5E7EB;
  --cor-texto: #111827;
  --cor-texto-secundario: #6B7280;

  /* Estados */
  --cor-sucesso: #16A34A;
  --cor-sucesso-bg: #EAF9EF;
  --cor-atencao: #D97706;
  --cor-atencao-bg: #FEF6E7;
  --cor-perigo: #DC2626;
  --cor-perigo-bg: #FDECEC;
  --cor-neutro-bg: #F1F2F4;

  /* Forma */
  --raio: 16px;
  --raio-sm: 10px;
  --raio-pill: 999px;

  /* Sombra extremamente discreta */
  --sombra-sm: 0 1px 2px rgba(17, 24, 39, 0.04);
  --sombra: 0 1px 3px rgba(17, 24, 39, 0.06), 0 8px 24px -12px rgba(17, 24, 39, 0.10);
  --sombra-lg: 0 20px 48px -16px rgba(17, 24, 39, 0.18);

  /* Tipografia */
  --fonte: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Movimento */
  --easing: cubic-bezier(0.4, 0, 0.2, 1);
  --rapido: 140ms;
  --medio: 220ms;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  background: var(--cor-fundo);
  color: var(--cor-texto);
  font-family: var(--fonte);
  -webkit-font-smoothing: antialiased;
}

body {
  font-size: 14px;
  line-height: 1.55;
}

h1, h2, h3, h4, h5 { margin: 0; font-weight: 600; letter-spacing: -0.01em; }
p { margin: 0; }
a { color: inherit; text-decoration: none; }
button { font-family: inherit; }
img { max-width: 100%; display: block; }

::selection { background: var(--cor-azul-claro); color: var(--cor-primaria-hover); }

/* Foco visível sempre — acessibilidade */
:focus-visible {
  outline: 2px solid var(--cor-primaria);
  outline-offset: 2px;
  border-radius: 4px;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    transition-duration: 0.001ms !important;
  }
}

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #D8DCE3; border-radius: var(--raio-pill); }
::-webkit-scrollbar-thumb:hover { background: #C3C9D3; }