/* ============================================================
   MOTOR DE BLOG — tokens BASE
   ------------------------------------------------------------
   Este é o ÚNICO arquivo que muda de um nicho para o outro.
   Ao criar um blog novo, ele é copiado para a raiz do projeto como
   `tokens.css` — e é lá que se troca cor, fonte e medida.
   O `tema.css` nunca é editado por nicho.

   Regras da casa que valem aqui:
   · display em EB Garamond, nunca Cormorant — a Cormorant desenha o
     circunflexo e o agudo altos demais, e em pt-BR isso aparece em
     "você" e "ância" no corpo grande (conferido em 14/09/2026);
   · corpo de leitura nunca abaixo de 17px nem mais claro que #B8AC95
     sobre fundo escuro;
   · o acento é raro de propósito. Se ele estiver em tudo, não acentua nada.
   ============================================================ */

:root {
  /* --- cor ------------------------------------------------------------- */
  --fundo:          #0B0906;   /* obsidiana */
  --fundo-baixo:    #070604;   /* rodapé, poços, caixa de anúncio */
  --superficie:     #12100B;   /* cartões, CTA, newsletter */
  --titulo:         #EDE5D3;   /* creme */
  --texto:          #D6CDBA;
  --texto-leitura:  #D6CDBA;   /* corpo longo — nunca abaixo de #B8AC95 */
  --suave:          #8A7D6A;   /* metadados, notas */
  --acento:         #C49840;   /* ouro */
  --acento-claro:   #D4AE68;
  --alerta:         #B4543A;
  --borda:          rgba(196, 152, 64, .18);
  --borda-forte:    rgba(196, 152, 64, .38);
  --veu:            rgba(196, 152, 64, .06);

  /* --- tipografia ------------------------------------------------------- */
  --f-display: "EB Garamond", Georgia, "Times New Roman", serif;
  --f-corpo:   "Source Serif 4", Georgia, "Times New Roman", serif;
  --f-micro:   "Cinzel", "EB Garamond", Georgia, serif;

  --t-h1:    clamp(2.4rem, 5.6vw, 4rem);
  --t-h2:    clamp(1.7rem, 3.4vw, 2.5rem);
  --t-h3:    clamp(1.22rem, 2vw, 1.5rem);
  --t-lead:  clamp(1.12rem, 1.7vw, 1.32rem);
  --t-corpo: clamp(1.0625rem, 1.15vw, 1.18rem);   /* 17px mínimo */
  --t-micro: clamp(.72rem, .9vw, .8rem);

  --lh-display: 1.08;
  --lh-corpo:   1.72;
  --ls-micro:   .22em;

  /* --- espaço ------------------------------------------------------------ */
  --e-1: .5rem;
  --e-2: 1rem;
  --e-3: 1.75rem;
  --e-4: 3rem;
  --e-5: 4.5rem;
  --e-6: clamp(4.5rem, 10vw, 8rem);

  /* --- medida ------------------------------------------------------------- */
  --medida:  38rem;   /* coluna de leitura */
  --largura: 72rem;   /* contêiner */

  /* --- traço --------------------------------------------------------------- */
  --raio: 2px;
  --transicao: 260ms cubic-bezier(.2, .6, .2, 1);
}