/* ============================================================
   TOKENS — Andre Tauan
   Conceito: CASA. Luz baixa e quente, superfície com grão,
   acolhimento antes de qualquer prova. Nenhum valor solto
   deve existir fora deste arquivo.
   ============================================================ */
:root{
  /* --- superfícies --- */
  --chao:        #1A1416;   /* quase-preto quente, fundo de madeira escura */
  --chao-alto:   #241C1E;   /* um degrau acima, blocos elevados */
  --chao-fundo:  #140F11;   /* um degrau abaixo, rodapé */
  --luz:         #F4EDE4;   /* creme de lâmpada — o "branco" nunca é branco */
  --luz-morna:   #EDE2D4;   /* painéis claros */

  /* --- texto --- */
  --voz:         #D8CCC2;   /* corpo sobre escuro */
  --voz-baixa:   rgba(216,204,194,.62);
  --tinta:       #211A1B;   /* corpo sobre claro */
  --tinta-baixa: rgba(33,26,27,.66);

  /* --- acentos --- */
  --brasa:       #B0574E;   /* oxblood claro — links, sublinhado, detalhe */
  --brasa-forte: #8E3B34;   /* oxblood fechado — sobre superfície clara */
  --fio:         #C9A227;   /* ouro velho — apenas filete, quase nunca */

  /* --- linhas --- */
  --linha:       rgba(244,237,228,.10);
  --linha-clara: rgba(33,26,27,.12);

  /* --- tipografia --- */
  --voz-fonte:   "Fraunces", Georgia, "Times New Roman", serif;
  --texto-fonte: "Literata", Georgia, serif;
  --ui-fonte:    "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;

  --t-mini:  .82rem;
  --t-corpo: clamp(1.02rem, .55vw + .9rem, 1.18rem);
  --t-guia:  clamp(1.12rem, 1.1vw + .85rem, 1.45rem);
  --t-h2:    clamp(2rem, 3.6vw + .6rem, 3.6rem);
  --t-h1:    clamp(2.5rem, 5.2vw + .7rem, 5rem);

  /* --- ritmo --- */
  --gap-1: .5rem;  --gap-2: 1rem;   --gap-3: 1.5rem;
  --gap-4: 2.5rem; --gap-5: 4rem;   --gap-6: clamp(4.5rem, 9vh, 8rem);
  --leitura: 62ch;
  --largura: 1120px;
  --topo:   58px;

  /* --- movimento: o site respira no ritmo de quem tem tempo --- */
  --lento: 900ms cubic-bezier(.22,.68,.28,1);
  --calmo: 450ms cubic-bezier(.22,.68,.28,1);

  /* --- profundidade: sombra sempre tingida, nunca cinza --- */
  --sombra-alta: 0 60px 100px -60px rgba(0,0,0,.85), 0 0 140px -55px rgba(214,152,98,.20);
  --sombra-clara: 0 45px 80px -55px rgba(66,44,38,.45);
  --raio: 14px;
}