/*
 * Kit base — tokens de design.
 * Valores neutros de partida. O tema do cliente (dist/tema.css) redefine qualquer
 * token em :root; este arquivo não é editado na pasta do cliente.
 */
:root {
  /* Cores de superfície */
  --cor-fundo: #f7f7f5;            /* fundo da página */
  --cor-superficie: #ffffff;       /* cartões, painéis, diálogo */
  --cor-superficie-alta: #ececea;  /* faixas e blocos de destaque claro */
  --cor-escura: #1d1d1b;           /* faixas escuras, botão principal */
  --cor-escura-suave: #2f2f2c;
  --cor-sobre-escuro: #ffffff;     /* texto sobre --cor-escura e --cor-destaque */

  /* Texto */
  --cor-texto: #1f1f1d;
  --cor-texto-suave: #5b5b57;      /* contraste ≥ 4,5:1 sobre --cor-fundo */

  /* Marca */
  --cor-destaque: #5a4fcf;
  --cor-destaque-forte: #3f35a8;   /* links e rótulos; contraste ≥ 4,5:1 */
  --cor-destaque-suave: #c9c4f2;   /* bordas decorativas */
  --cor-realce: #8a80e0;

  /* Tintas derivadas do destaque: acompanham o tema automaticamente */
  --cor-tinta: color-mix(in srgb, var(--cor-destaque) 7%, var(--cor-superficie));
  --cor-tinta-forte: color-mix(in srgb, var(--cor-destaque) 15%, var(--cor-superficie));

  /* Linhas */
  --cor-linha: rgba(31, 31, 29, 0.16);
  --cor-linha-clara: rgba(255, 255, 255, 0.22);

  /* Tipografia (famílias em base/fontes/fontes.css) */
  --fonte-titulo: Georgia, "Times New Roman", serif;
  --fonte-texto: Arial, Helvetica, sans-serif;

  /* Espaço, forma e profundidade */
  --espaco-1: 4px;
  --espaco-2: 8px;
  --espaco-3: 16px;
  --espaco-4: 24px;
  --espaco-5: 40px;
  --espaco-6: 64px;
  --raio-1: 4px;
  --raio-2: 10px;
  --raio-3: 20px;
  --sombra: 0 24px 60px rgba(0, 0, 0, 0.1);
  --largura-max: 1200px;
  --foco: 3px solid var(--cor-destaque-forte);

  /* Botões (kit 0.6.0): a agenda, a conversa e o painel leem estes valores; o tema redefine junto com
     o botão do próprio site, para as três superfícies falarem a mesma língua. Padrão: reto, no raio
     pequeno do tema; 999px dá pílula. Texto em caixa normal. */
  --botao-raio: var(--raio-1);
  --botao-tamanho: 0.9375rem;
  --botao-peso: 700;
  --botao-espacamento: 0;
}
