/* Identidade "Marcado a Mao" — travada 17/04/2026.
   Fonte: catalogo/fundacao-obralivre/Identidade_Visual_Obralivre.md
   NENHUM hex fora destes cinco. O verify.mjs reprova o build. */

/* Nao existem fontes variaveis neste projeto — o @fontsource 5.3.0 nao
   oferece "variable-wghtOnly" para nenhuma das 4 familias (ver comentario
   no build.mjs). Cada arquivo copiado pro dist e um woff2 ESTATICO de UM
   peso so, entao cada @font-face abaixo declara font-weight exato (nunca
   uma faixa tipo "100 900" — isso so faz sentido com fonte variavel real
   e, aplicado a um arquivo estatico, o navegador so usaria aquele arquivo
   pra qualquer peso pedido, sintetizando negrito/leve falso pros demais).
   Arquivo -> peso -> uso real no CSS (ver mapeamento completo no site.css
   e no report da Task 3):
     archivo-800.woff2        800  h3, .footer__tese, .btn
     archivo-900.woff2        900  h1, h2, .display
     inter-400.woff2          400  body/p (peso padrao, sem @font-face de peso)
     inter-500.woff2          500  .nav__links a
     jetbrains-mono-500.woff2 500  .label
     caveat-600.woff2         600  .anotacao
   Archivo e Inter compartilham a font-family entre os dois pesos (correto:
   e a mesma familia, dois arquivos, o browser escolhe pelo font-weight
   pedido). */
@font-face { font-family:'Archivo'; src:url('/assets/fonts/archivo-800.woff2') format('woff2'); font-weight:800; font-display:swap; }
@font-face { font-family:'Archivo'; src:url('/assets/fonts/archivo-900.woff2') format('woff2'); font-weight:900; font-display:swap; }
@font-face { font-family:'Inter'; src:url('/assets/fonts/inter-400.woff2') format('woff2'); font-weight:400; font-display:swap; }
@font-face { font-family:'Inter'; src:url('/assets/fonts/inter-500.woff2') format('woff2'); font-weight:500; font-display:swap; }
@font-face { font-family:'JetBrains Mono'; src:url('/assets/fonts/jetbrains-mono-500.woff2') format('woff2'); font-weight:500; font-display:swap; }
@font-face { font-family:'Caveat'; src:url('/assets/fonts/caveat-600.woff2') format('woff2'); font-weight:600; font-display:swap; }

:root {
  --papel:         #FBFBF8;
  --grafite:       #262421;
  --limao:         #C6D82E;
  --corpo2:        #4A453D;
  --grafite-fundo: #1C1B18;
  --rule:          rgba(38,36,33,.10);

  --archivo: 'Archivo', system-ui, sans-serif;
  --inter:   'Inter', system-ui, sans-serif;
  --mono:    'JetBrains Mono', ui-monospace, monospace;
  --caveat:  'Caveat', cursive;

  /* escala: contraste brutal display x corpo (padrao Genius) */
  --fs-display: clamp(2.75rem, 8vw, 7rem);
  --fs-h2:      clamp(2rem, 4.5vw, 3.5rem);
  --fs-corpo:   1.25rem;   /* 20px, igual a referencia */
  --fs-label:   .75rem;

  /* respiro: 120px nas secoes, 230px na primeira */
  --respiro:      clamp(5rem, 12vh, 7.5rem);
  --respiro-hero: clamp(7.5rem, 20vh, 14.375rem);
  --medida:       68ch;
  --gutter:       clamp(1.25rem, 5vw, 4rem);
}