/* ==========================================================
   pedronovo.com · TOKENS
   Tudo o que define o aspeto do site vive aqui.
   Mudar uma cor ou um tamanho neste ficheiro muda o site todo.
   ========================================================== */

:root {
  /* --- Cores (outono seco) --- */
  --papel:          #E8DFCC;  /* fundo */
  --tinta:          #2B2622;  /* texto principal */
  --granito:        #6E6A63;  /* texto secundário, metadados */
  --granito-claro:  #B5AC9A;  /* linhas finas, curvas de nível */
  --ferrugem:       #9A4A25;  /* links, destaques, estado "em curso" */
  --ocre:           #B8862E;  /* reservado: detalhes pontuais */
  --musgo:          #6B6B3A;  /* reservado: detalhes pontuais */
  --vazio:          #D8CDB6;  /* fundo das imagens por colocar */

  /* --- Tipos de letra --- */
  --maquina: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --serifa:  "EB Garamond", Garamond, "Times New Roman", Georgia, serif;

  /* --- Escala tipográfica --- */
  --t-nome:     clamp(3rem, 2rem + 5.5vw, 5.75rem);   /* "Pedro Novo" */
  --t-secao:    clamp(2rem, 1.6rem + 2vw, 2.875rem);  /* títulos de secção */
  --t-bio:      clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
  --t-obra:     clamp(1.125rem, 1rem + 0.4vw, 1.3125rem);
  --t-texto:    1.125rem;
  --t-meta:     0.8125rem;  /* metadados, legendas, links */
  --t-menu:     0.8125rem;
  --t-mini:     0.75rem;

  /* --- Espaços --- */
  --margem:      clamp(16px, 5.5vw, 80px);  /* margem lateral */
  --largura:     1280px;                    /* largura máxima do conteúdo */
  --e-1: 0.5rem;
  --e-2: 1rem;
  --e-3: 1.5rem;
  --e-4: 2.5rem;
  --e-5: 4rem;
  --e-6: clamp(5rem, 4rem + 5vw, 9rem);    /* entre secções */

  /* --- Detalhes --- */
  --espaco-letras: 0.06em;   /* maiúsculas em máquina */
  --transicao: 160ms ease;
}