/* Tokens de design. Para trocar a identidade visual, mexa SÓ aqui (e em config/marca.json).
   Contraste conferido para WCAG 2.2 AA: texto normal >= 4,5:1 e texto grande/ícones >= 3:1. */
:root {
  /* Marca */
  --cor-marca: #1f4fd8;          /* 6,1:1 sobre branco */
  --cor-marca-forte: #1638a6;
  --cor-marca-suave: #eaf0ff;
  --cor-sobre-marca: #ffffff;

  /* Neutros */
  --cor-texto: #121826;          /* 17:1 */
  --cor-texto-mudo: #4b5565;     /* 7,4:1 */
  --cor-borda: #d9dee7;
  --cor-borda-forte: #9aa4b5;
  --cor-fundo: #f5f7fa;
  --cor-superficie: #ffffff;

  /* Estados */
  --cor-sucesso: #0f7a48;        /* 5,4:1 */
  --cor-sucesso-suave: #e6f6ee;
  --cor-atencao: #8a5300;        /* 6,0:1 */
  --cor-atencao-suave: #fff3dc;
  --cor-perigo: #b42318;         /* 6,5:1 */
  --cor-perigo-suave: #fdecea;
  --cor-pix: #0f7a48;

  /* Tipografia: fonte do sistema, sem download */
  --fonte: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --fonte-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --t-xs: .8125rem;
  --t-sm: .9375rem;
  --t-md: 1rem;
  --t-lg: 1.25rem;
  --t-xl: 1.5rem;
  --t-2xl: clamp(1.75rem, 1.2rem + 2.4vw, 2.5rem);

  /* Espaço, forma, sombra */
  --e-1: .25rem; --e-2: .5rem; --e-3: .75rem; --e-4: 1rem; --e-5: 1.5rem; --e-6: 2rem; --e-7: 3rem;
  --raio: 12px;
  --raio-p: 8px;
  --raio-pilula: 999px;
  --sombra: 0 1px 2px rgb(18 24 38 / .06), 0 4px 16px rgb(18 24 38 / .06);
  --largura: 72rem;
  --largura-estreita: 40rem;
  --toque: 44px;
  --foco: 0 0 0 3px #ffffff, 0 0 0 5px var(--cor-marca);
}