/* Paulino Advocacia (Maurílio Paulino Júnior) — tokens de identidade
 *
 * CÓPIA. O original é identidade/tokens-identidade.css — edite lá e rode
 * identidade/sincronizar.sh. Só o caminho das fontes muda nesta cópia.
 *
 * Este arquivo é a identidade: cor, tipografia e a inscrição da logo.
 * Token de layout (espaçamento, largura de coluna, duração) NÃO entra aqui —
 * aquilo é decisão do site e mora no tokens.css de cada peça.
 *
 * Versão 5.0, 8 de outubro de 2026. O cliente reprovou a letra da logo (Erode) e
 * escolheu a opção C das seis enviadas: Cinzel e o rótulo entre dois fios. No mesmo
 * dia pôs o site em nome da PJ: a marca é PAULINO / ADVOCACIA, com a balança da justiça
 * ao lado (opção 2 do estudo em design-systems/paulino-balanca/, balanca.svg), e ele aparece como
 * advogado responsável. As cores vieram do cartão de visita dele: pedra cinza com letra
 * grafite, sem preto. O preto da v4 virou pedra escura; o concreto claro virou o
 * cinza-pedra do cartão.
 *
 * Proporção de uso: escuro 60 · claro 35 · prata 5.
 * Os neutros têm uma ponta mínima de calor (B um pouco abaixo de R e G), a da
 * pedra. O único tom frio é o aço, e ele é detalhe, nunca superfície: fio da
 * inscrição, rótulo, régua do tempo, anel de foco.
 * A inscrição nunca é prata: é branca sobre o escuro, tinta sobre o claro, ou preta.
 */

@font-face{font-family:Cinzel;src:url(fonts/cinzel-600.woff2) format('woff2');
  font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Switzer;src:url(fonts/switzer-400.woff2) format('woff2');
  font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Switzer;src:url(fonts/switzer-600.woff2) format('woff2');
  font-weight:600;font-style:normal;font-display:swap}

:root{
  /* --- escuro (60%): pedra escura ----------------------------------------- */
  --preto:       #262624;  /* herói, rodapé, fundo de foto                         */
  --grafite:     #30302E;  /* faixa escura, cartão                                 */
  --grafite-2:   #3A3A37;  /* cartão sobre o grafite                               */
  --grafite-3:   #4A4A46;  /* fio e borda no escuro                                */
  --preto-rgb:   38 38 36; /* para véus e sombras: rgb(var(--preto-rgb) / .7)      */

  /* --- claro (35%): o cinza-pedra do cartão ------------------------------- */
  --concreto:    #B5B5AF;  /* seção de leitura                                     */
  --concreto-2:  #C4C4BE;  /* bloco de apoio no claro                              */
  --branco:      #ECECE7;  /* título e botão no escuro, inscrição negativa         */
  --branco-rgb:  236 236 231;

  /* --- tinta ------------------------------------------------------------- */
  --tinta:       #181817;  /* 8,62:1 no concreto   texto e inscrição sobre o claro */
  --tinta-media: #2A2A28;  /* 6,98:1 no concreto   parágrafo secundário            */
  --tinta-suave: #3A3A37;  /* 5,54:1 no concreto   legenda, rótulo de apoio        */
  --cinza-claro: #D2D2CC;  /* 9,99:1 na pedra escura   corpo sobre o escuro        */
  --cinza:       #ABABA5;  /* 6,57:1 na pedra escura   apoio sobre o escuro        */
  --regua:       #9C9C96;  /* fio fino sobre o claro, decorativo                    */

  /* --- prata/aço (5%, só detalhe) ---------------------------------------- */
  --aco-claro:   #AEB6BF;  /* 7,40:1 na pedra escura   rótulo, foco                */
  --aco:         #3B434C;  /* 4,87:1 no concreto                                   */
  --aco-fio:     #7D8690;  /* fio metálico no escuro                               */
  /* o brilho do metal: fios da inscrição e régua do tempo, nada mais */
  --prata: linear-gradient(90deg,#6F7882 0%,#C9CFD5 38%,#EEF1F4 50%,#AEB6BF 66%,#7D8690 100%);

  /* --- tipografia -------------------------------------------------------- */
  /* Duas famílias (08/10/2026, o cliente achou fontes demais e a Erode saiu dos títulos):
     Cinzel só na logo; Switzer em todo o resto, título incluído, com dois pesos: 400 no
     texto e 600 no título, no que se clica e no que se destaca. Rótulo em caixa alta tem
     um estilo só. --fonte-display continua existindo como papel (título), não como
     outra família. */
  --fonte-marca:   Cinzel, "Trajan Pro", "Times New Roman", serif;  /* só a inscrição */
  --fonte-display: var(--fonte-corpo);
  --fonte-corpo:   Switzer, "Helvetica Neue", Helvetica, Arial, sans-serif;

  /* escala do manual, seção 04 */
  --texto-rotulo:   .75rem;    /* 12px · Switzer 600 · caixa alta */
  --rotulo-espaco:  .14em;     /* o único espaço de rótulo, o mesmo da inscrição */
  --texto-corpo:    1.0625rem; /* 17px · Switzer 400 */
  --texto-lide:     1.25rem;   /* 20px · Switzer 400 */
  --texto-pergunta: clamp(1.25rem, 1.1rem + .5vw, 1.5rem);    /* 20–24px · Switzer 600 */
  --texto-banda:    clamp(1.625rem, 1.3rem + 1.2vw, 2.125rem);/* 26–34px · Switzer 600 */
  --texto-secao:    clamp(2rem, 1.5rem + 2.1vw, 3.125rem);    /* 32–50px · Switzer 600 */

  /* --- a inscrição ------------------------------------------------------- */
  /* PAULINO, com ADVOCACIA entre dois fios. Escolhida a largura L, tudo decorre
     do corpo do nome n = L ÷ 5,54 (largura de PAULINO em em, medida no Chrome,
     Cinzel 600, .14em de espaço, sem o espaço depois da última letra).
     Rótulo = max(5,5px ; n × 0,3); espaço até o rótulo = n × 0,18.
     Ver identidade/gerar-logo.py, que usa os mesmos números para PNG e PDF.  */
  --bloco-l:        12rem;
  --bloco-tracking: .14em;
  --bloco-div-nome: 5.54;
  --bloco-razao-rotulo: .3;
  --bloco-razao-espaco: .18;
  --bloco-respiro: calc(var(--bloco-l) / 4);  /* área livre em volta          */
}