/* =========================================================================
   NORWAY · BASE DIGITAL — tokens
   -------------------------------------------------------------------------
   Fonte única da paleta e da escala tipográfica.

   Feito para ser copiado inteiro para outros projetos da Base Digital,
   inclusive os templates de site de cliente. Não depende de nada: é CSS
   puro, sem build, sem framework.
   ========================================================================= */

:root {
  /* ---------------------------------------------------------------------
     PALETA
     Herdada da Norway, mesmos hex. O que muda na Base Digital não são as
     cores — é qual delas domina. Aqui o fundo é claro (papel/osso) e a
     tinta vira acento de contraste, o inverso do institucional.
     --------------------------------------------------------------------- */

  --tinta: #0b1116; /* fundo de blocos de contraste, rodapé */
  --tinta-texto: #14171a; /* texto sobre fundo claro — nunca preto puro */
  --latao: #b8965a; /* acento SOBRE FUNDO ESCURO apenas */
  --latao-texto: #9a7a48; /* destaque grande sobre fundo claro */
  --latao-rotulo: #6f5731; /* texto pequeno em latão sobre fundo claro */
  --grafite: #232a30; /* texto secundário */
  --pedra-fria: #8b9198; /* bordas e filetes; como texto, só sobre tinta */
  --osso: #e3e0d9; /* fundo de seções alternadas, cards */
  --papel: #f5f4f1; /* fundo principal */

  /* Erro de formulário. A paleta da Norway não tem vermelho — este entrou
     com o formulário de contato, e entrou tijolo em vez de vermelho de
     alerta para não gritar dentro de uma página sóbria.

     Medido, como o resto: 6.56:1 sobre papel e 5.47:1 sobre osso. Passa em
     texto pequeno nos dois, que é o tamanho em que ele sempre aparece.

     NÃO é usado sozinho para sinalizar erro: o campo com problema ganha
     borda nesta cor E uma frase escrita embaixo. Cor sozinha não chega em
     quem não distingue vermelho de marrom. */
  --erro: #9c3323;

  /* ATENÇÃO DE ACESSIBILIDADE — medido, não estimado.
     Contraste do latão sobre os dois fundos claros da página:

                      sobre papel   sobre osso   serve para
       #B8965A          2.91:1        2.42:1     nada em fundo claro
       #9A7A48          3.64:1        3.03:1     só texto grande (≥24px,
                                                 ou ≥19px em negrito)
       #6F5731          5.86:1        4.87:1     qualquer tamanho

     O briefing avisa que #B8965A não passa em fundo claro. Na medição,
     #9A7A48 também não passa em texto pequeno — alcança só o mínimo de
     texto grande (3:1). Como os rótulos da página são 12px, eles usam
     #6F5731. Mesma cor, um passo mais escuro; a 12px ninguém distingue.

     Regra prática:
       fundo escuro (tinta) .......... --latao
       título/destaque grande claro .. --latao-texto
       rótulo, número, link pequeno .. --latao-rotulo

     O fundo que aperta é o OSSO, não o papel — quem escolher um latão novo
     mede contra ele. #7A6038, por exemplo, parece seguro e dá 4.48:1 sobre
     osso: reprova por dois centésimos.

     Mesma armadilha em --pedra-fria (#8B9198): 2.89:1 sobre papel. Serve
     para BORDA e filete, nunca para texto. Texto terciário sobre fundo
     claro é --grafite. Sobre tinta, pedra-fria passa (5.97:1) e é usada no
     rodapé. */

  /* Derivadas — só opacidades das cores acima, para filetes e bordas. */
  --latao-filete: rgb(154 122 72 / 0.55);
  --latao-filete-escuro: rgb(184 150 90 / 0.45);
  --borda: rgb(139 145 152 / 0.38);
  --borda-escura: rgb(227 224 217 / 0.18);

  /* ---------------------------------------------------------------------
     TIPOGRAFIA
     Chivo         → títulos e botões
     Chivo Mono    → rótulos, dados, numeração
     Hanken Grotesk→ texto corrido
     --------------------------------------------------------------------- */

  --fonte-titulo: 'Chivo', ui-sans-serif, system-ui, sans-serif;
  --fonte-mono: 'Chivo Mono', ui-monospace, 'SFMono-Regular', monospace;
  --fonte-corpo: 'Hanken Grotesk', ui-sans-serif, system-ui, sans-serif;

  /* ---------------------------------------------------------------------
     ESCALA DE TEXTO
     Maior que a da Norway institucional — é uma das diferenciações.
     Corpo mínimo 17px, em qualquer viewport. Nada abaixo disso no texto
     corrido. Os clamp() sobem entre 360px e 1280px de largura.
     --------------------------------------------------------------------- */

  --texto-rotulo: 0.75rem; /* 12px — Chivo Mono, sempre com tracking largo */
  --texto-miudo: 0.9375rem; /* 15px — só notas, nunca texto corrido */
  --texto-corpo: clamp(1.0625rem, 0.99rem + 0.32vw, 1.1875rem); /* 17 → 19 */
  --texto-corpo-g: clamp(1.1875rem, 1.08rem + 0.48vw, 1.375rem); /* 19 → 22 */
  --texto-t3: clamp(1.25rem, 1.13rem + 0.53vw, 1.5rem); /* 20 → 24 */
  --texto-t2: clamp(1.75rem, 1.45rem + 1.33vw, 2.5rem); /* 28 → 40 */
  --texto-t1: clamp(2.25rem, 1.6rem + 2.9vw, 3.875rem); /* 36 → 62 */

  /* ---------------------------------------------------------------------
     RITMO VERTICAL
     Densidade baixa: uma ideia por bloco. As seções respiram mais que no
     institucional da Norway.
     --------------------------------------------------------------------- */

  --espaco-secao: clamp(4.5rem, 3rem + 6.5vw, 8.5rem);
  --espaco-bloco: clamp(2rem, 1.5rem + 2vw, 3.25rem);

  /* Largura máxima de leitura. Acima disso a linha fica cansativa. */
  --largura-leitura: 42rem;
  --largura-pagina: 74rem;

  /* ---------------------------------------------------------------------
     MOVIMENTO
     Mínimo e funcional. Ver site.css — tudo é desligado sob
     prefers-reduced-motion.
     --------------------------------------------------------------------- */

  --curva: cubic-bezier(0.22, 0.61, 0.36, 1);
  --duracao-revelacao: 620ms;
  --duracao-filete: 900ms;
}