/* ==========================================================================
   Tokens das peças de cliente
   --------------------------------------------------------------------------
   Os valores que NÃO são de marca e que todas as peças dividem: a coluna, o
   respiro, os raios, as sombras, a escala de texto. Antes cada template
   repetia os seus (a largura andou em 1180, 1000 e 960px, o respiro em 20 e
   22px, e a sombra do Dossiê usava a cor da linha), e cada ajuste virava
   quatro ajustes. A paleta de marca fica de fora de propósito: ela vem de
   marca_idioma.py e troca para a rede AIMS.

   Existe uma cópia idêntica em dashboard/lib/tokens_cliente.css, para o
   Painel e a Pesquisa Salarial. tests/test_tokens_cliente.py reprova se as
   duas divergirem ou se uma peça voltar a declarar tamanho de texto solto.
   ========================================================================== */
:root {
  /* Coluna e respiro */
  --lc-col: 1180px;
  --lc-gutter: 22px;
  --lc-medida: 46rem;            /* texto corrido: uns 80 caracteres por linha */

  /* Raios */
  --lc-r-sm: 12px;
  --lc-r: 16px;
  --lc-r-lg: 26px;               /* capa e fecho */

  /* Sombras */
  --lc-sh-1: 0 1px 2px rgba(26, 38, 57, .05), 0 1px 3px rgba(26, 38, 57, .04);
  --lc-sh-2: 0 4px 12px rgba(26, 38, 57, .06), 0 12px 30px rgba(26, 38, 57, .07);

  /* Escala de texto: oito degraus, nenhum abaixo de 12px */
  --lc-t-12: 0.75rem;            /* rótulo, legenda */
  --lc-t-14: 0.875rem;           /* texto de apoio */
  --lc-t-16: 1rem;               /* texto de interface */
  --lc-t-17: 1.0625rem;          /* texto corrido */
  --lc-t-20: 1.25rem;            /* destaque e numeral de capítulo */
  --lc-t-24: 1.5rem;             /* título de capítulo */
  --lc-t-32: 2rem;               /* número grande */
  --lc-t-44: 2.75rem;            /* número de capa */
  --lc-h1: clamp(1.9rem, 3vw, 2.75rem);   /* título da capa, fluido */
}