/* ══════════════════════════════════════════════════════════════════════════
   tokens.css — A RAIZ DAS CRONICAS, e so ela.

   Folha PROPRIA desde o primeiro dia, pela licao do vigilia: o dia em que uma
   segunda pagina precisar das mesmas cores sem herdar o layout, ela linka
   isto. Copiar token pra dentro de outra folha cria duas verdades que divergem
   calado na primeira troca de cor.

   ⚠ CARREGA POR <link>, NUNCA POR @import. O .htaccess serve CSS com cache
   longo, e um @import nao leva o `?x=<timestamp>` do PHP: a folha voltaria
   velha por uma semana. Ordem obrigatoria: tokens.css -> cronicas.css

   O CHAO E CLARO E ISSO E DECISAO, nao esquecimento. O vigilia e noite e ouro;
   este e papel e tinta. Uma so aparencia, assumida: nada de tema escuro
   meia-boca que quebra metade das cores.
   ══════════════════════════════════════════════════════════════════════════ */

:root{
  /* ── PAPEL. Tres alturas: mesa, folha, e o que esta afundado na folha. ── */
  --mesa:#E5DAC6;        /* o couro da mesa, atras de tudo */
  --mesa-2:#DCCFB6;
  --papel:#F6F0E2;       /* a folha em si */
  --papel-2:#FBF7EC;     /* folha nova, o mais claro que existe aqui */
  --papel-3:#EDE4D0;     /* cava: campo de formulario, citacao, sumario */

  /* ── TINTA. Nada e preto: tinta ferro-galica desbota pra marrom. ── */
  --tinta:#2E2A24;
  --tinta-2:#4A4238;     /* corpo de texto longo, um degrau mais leve */
  --tinta-3:#6B6156;     /* legenda, data, margem */
  --tinta-4:#948976;     /* o que quase nao se le: fio, placeholder */

  /* ── LINHAS. O papel nao tem borda preta, tem vinco. ── */
  --linha:#D6C7AB;
  --linha-2:#C2B090;
  --linha-3:#A89575;

  /* ── AS QUATRO CORES DE ESTADO. Quatro, e nao doze. ────────────────────
     Cada uma responde uma pergunta do juramento:
       selo      o que eu sigo AGORA (lacre vermelho, so o rumor ativo usa)
       verdete   o que eu ja compreendi
       ocre      o que esta pela metade
       perigo    o que me venceu
       misterio  o que eu nem entendi direito
     Toda tem um par -tenue pra fundo e um -forte pra texto sobre papel.  */
  --selo:#8C2F22;        --selo-tenue:#F0DFD8;
  --verdete:#4E6247;     --verdete-tenue:#E2E7DC;
  --ocre:#8A6420;        --ocre-tenue:#F1E6CE;
  --perigo:#8E3B2E;      --perigo-tenue:#F2DFD9;
  --misterio:#5A4A6B;    --misterio-tenue:#E6E0EC;

  /* ── TIPOGRAFIA ─────────────────────────────────────────────────────────
     tit      titulo de folha e nome do livro. Prensa antiga.
     leitura  o texto do cronista. E a fonte que mais aparece: tudo que ele
              escreve rende nela, porque o log TEM que parecer diario.
     ui       so o cromo (botao, aba, campo). Discreta de proposito: quanto
              menos ela aparece, mais o papel manda.
     marca    numero de folha, data, selo. Versalete de manuscrito.        */
  --tit:"IM Fell English", "EB Garamond", Georgia, serif;
  --leitura:"EB Garamond", Georgia, "Times New Roman", serif;
  --ui:"Inter", system-ui, -apple-system, sans-serif;
  --marca:"Cormorant Garamond", "EB Garamond", Georgia, serif;

  /* ── ESPACO. Um diario respira: o passo base e 8, nao 4. ── */
  --e4:4px;   --e8:8px;   --e12:12px; --e16:16px;
  --e20:20px; --e24:24px; --e32:32px; --e48:48px;

  /* Papel nao tem canto arredondado de app. 2px e o maximo, e e so pra nao
     cortar o dedo em botao. Card com 12px de raio vira dashboard SaaS. */
  --r:2px;
  --r-nada:0;

  /* Sombra e SEMPRE de papel sobre papel: curta, sem desfoque azulado. */
  --sombra-folha:0 1px 2px rgba(70,58,40,.10), 0 8px 24px rgba(70,58,40,.08);
  --sombra-cava:inset 0 1px 2px rgba(70,58,40,.12);

  /* ── ALTURAS DO CHASSI. A grade do body depende destas tres. ── */
  --h-top:64px;
  --h-nav:56px;
  --largura-leitura:66ch;   /* linha de texto legivel. Nao passar disto. */
}