/* Os temas do app, para as páginas soltas (o app tem os seus no próprio CSS).
   `html[data-tema=…]` vence o `:root` das páginas antigas. */
@font-face{font-family:Literata;src:url(/fontes/literata-latin.woff2) format('woff2');font-weight:300 700;font-display:swap}
@font-face{font-family:Inter;src:url(/fontes/inter-latin.woff2) format('woff2');font-weight:400 600;font-display:swap}
/* 27/10/2026 (dono: "o claro está bem forte"): marfim e tinta castanha no lugar do quase branco e quase preto */
html[data-tema=claro]{--papel:#f5f1e8;--papel2:#ebe5d8;--tinta:#2a251f;--tinta2:#6a6157;--linha:#dbd2c2;--acento:#86362f;color-scheme:light}
html[data-tema=sepia]{--papel:#f4ecd8;--papel2:#ebe0c6;--tinta:#3b2f22;--tinta2:#715f40;--linha:#ddd0b0;--acento:#7a3b1e;color-scheme:light}
html[data-tema=cinza]{--papel:#dedbd6;--papel2:#d3cfc9;--tinta:#2b2926;--tinta2:#5b5751;--linha:#c2beb7;--acento:#6d3030;color-scheme:light}
html[data-tema=contraste]{--papel:#fff;--papel2:#f0f0f0;--tinta:#000;--tinta2:#333;--linha:#000;--acento:#a01010;color-scheme:light}
html[data-tema=pergaminho]{--papel:#e9dfc8;--papel2:#ded2b6;--tinta:#332b1e;--tinta2:#65573d;--linha:#cdbf9f;--acento:#7e4420;color-scheme:light}
html[data-tema=linho]{--papel:#eae6de;--papel2:#e0dbd1;--tinta:#24211c;--tinta2:#5f594f;--linha:#cdc7bb;--acento:#71332c;color-scheme:light}
/* 02/11/2026 (dono): o noturno no vinho da logo (#7a2e2e) escurecido, com botão vermelho e texto branco; o mesmo do fio-visual.css */
html[data-tema=noturno]{--papel:#150708;--papel2:#210d0e;--tinta:#f2e4e1;--tinta2:#bb9e9a;--linha:#351819;--acento:#ce4444;color-scheme:dark}
html[data-tema=carvao]{--papel:#000;--papel2:#0d0d0d;--tinta:#c9c4bc;--tinta2:#807b76;--linha:#232323;--acento:#d3776a;color-scheme:dark}
html[data-tema=penumbra]{--papel:#24211e;--papel2:#2d2a26;--tinta:#ddd6cb;--tinta2:#999289;--linha:#3b3630;--acento:#cf7f6d;color-scheme:dark}
html[data-tema=musgo]{--papel:#161d19;--papel2:#1e2622;--tinta:#d7e0d5;--tinta2:#8b968b;--linha:#2a332d;--acento:#c98a6a;color-scheme:dark}
html[data-tema=tinta]{--papel:#12161f;--papel2:#1a1f2b;--tinta:#d6dbe6;--tinta2:#8790a1;--linha:#262d3b;--acento:#d08a72;color-scheme:dark}
html[data-tema=ambar]{--papel:#17120a;--papel2:#1f1810;--tinta:#e8cf9f;--tinta2:#a08a63;--linha:#2e2416;--acento:#d99a4e;color-scheme:dark}
html[data-tema]{--papel-2:var(--papel2);--tinta-2:var(--tinta2);--sobre-acento:#fff}
/* 23/10/2026 (acessibilidade): nos temas escuros o destaque é claro, e texto branco
   em cima dele ficava abaixo de 4,5:1. Ali o texto do botão é a cor do papel. Os
   --tinta2 de sépia, cinza, pergaminho, carvão e penumbra também subiram para 4,6:1. */
html[data-tema=carvao],html[data-tema=penumbra],html[data-tema=musgo],html[data-tema=tinta],html[data-tema=ambar]{--sobre-acento:var(--papel)}
html[data-tema] body{background:var(--papel);color:var(--tinta)}