/* =========================================================
   SEJA SEU FAROL — tokens
   Única fonte de verdade de cor, tipo, medida e forma.
   Importar antes de qualquer outro CSS, em todas as páginas.
   ========================================================= */

:root{
  /* marca */
  --bordo:#5C1F2E;
  --ambar:#C77B3A;
  --creme:#F6EEDF;
  --ouro:#E3B75F;
  --tinta:#241A19;
  --papel:#FBF8F1;
  --noite:#2A0D15;        /* superfície escura (página da calculadora, rodapé) */

  /* sistema — só em validação de formulário e status, nunca em texto de venda */
  --ok:#3F7D5A;
  --atencao:#9C2B2B;

  /* papéis */
  --surface:var(--papel);
  --ink:var(--tinta);
  --ink-soft:#6E5C53;
  --rule:#E2D6C4;
  --block:#FFFFFF;

  /* papéis sobre superfície escura (--noite / --bordo) */
  --ink-soft-noite:#B49C8D;
  --rule-noite:rgba(246,238,223,.18);

  /* tipo */
  --serif:"Cormorant Garamond",Georgia,serif;
  --sans:"Karla","Helvetica Neue",Arial,sans-serif;

  --t-display:clamp(2.4rem,6vw,4rem);
  --t-titulo:clamp(1.7rem,3.6vw,2.4rem);
  --t-citacao:1.55rem;
  --t-corpo:1.02rem;
  --t-apoio:.88rem;
  --t-rotulo:.78rem;
  --t-leitura:1.15rem;    /* artigo: ler por minutos, não por segundos */

  /* medida e forma */
  --medida:34rem;
  --medida-leitura:38rem;
  --raio-acao:999px;
  --raio-bloco:0;
  --fio:1px;
}