/* FrigoPaz: tokens da direção B "Feira limpa". Valores vêm de direcoes/b.html. */
:root {
  /* cores */
  --cor-principal: #B3202A;        /* vermelho do logo (6,7:1 no branco) */
  --cor-principal-escura: #8E1820; /* hover / pressionado */
  --cor-destaque: #1E2530;         /* grafite do logo: faixas, rodapé, chip ativo */
  --cor-fundo: #FFFFFF;
  --cor-superficie: #F2F4F1;       /* cartões (névoa) */
  --cor-texto: #1E2530;            /* grafite */
  --cor-texto-suave: #5C6370;      /* 6,2:1 no fundo, 5,6:1 na superfície */
  --cor-borda: #79808B;            /* contorno de campos e chips (>= 3:1) */
  --cor-ok: #2E7D32;               /* verde-folha: só para ok / disponível / confirmar */
  --cor-atencao: #8A5A00;          /* âmbar escuro, texto legível sobre claro */
  --cor-erro: #A8141E;
  /* tipografia */
  --fonte-titulo: 'Outfit', 'Segoe UI', sans-serif;
  --fonte-texto: 'Figtree', 'Segoe UI', sans-serif;
  --texto-base: 18px;       /* site e sistema */
  --texto-caixa: 20px;      /* tela do caixa */
  --texto-total: 56px;      /* total da venda */
  /* medidas */
  --alvo-min: 56px;         /* sistema */
  --alvo-min-site: 48px;
  --raio: 20px;             /* cartões */
  --raio-pilula: 999px;     /* botões, chips, selos */
  --espaco: 8px;            /* múltiplos: calc(var(--espaco) * n) */
  /* extras usados pelo base.css */
  --cor-ok-escura: #246628;        /* hover do botão ok */
  --cor-ok-fundo: #E6F2E2;
  --cor-atencao-fundo: #FBF0D5;
  --cor-erro-fundo: #FBE9EA;
  --cor-superficie-escura: #E3E7E2; /* hover sobre a superfície */
  --cor-desativado: #E4E4E4;
  --cor-desativado-texto: #555555;
}