/* ═══════════ v26 · AS CINCO FOLHAS DE LEITURA ═══════════
   Papel, Sépia, Sálvia, Grafite e Noite. Cada folha define o fundo, a tinta,
   o texto secundário, as linhas, a barra do leitor e um acento próprio
   (--pgac), usado na marca da leitura guiada, nos controles ativos do painel
   e na seleção. Os identificadores guardados continuam os antigos.        */

#lr[data-pg="branco"]{--pgbg:#fbf8f1;--pgtx:#2a261f;--pgmu:#766c60;--pgln:rgba(60,48,30,.11);
 --pgui:#fbf8f1;--pguitx:#23201a;--pgshd:rgba(70,55,30,.13);--pgac:#4c4fd8;--pgsel:rgba(76,79,216,.17)}
#lr[data-pg="sepia"]{--pgbg:#f3ead8;--pgtx:#3b2f23;--pgmu:#74624d;--pgln:rgba(90,62,30,.13);
 --pgui:#f3ead8;--pguitx:#33281d;--pgshd:rgba(95,68,35,.16);--pgac:#a0612a;--pgsel:rgba(176,120,60,.24)}
#lr[data-pg="verde"]{--pgbg:#e6ece3;--pgtx:#26312b;--pgmu:#58665f;--pgln:rgba(35,60,48,.12);
 --pgui:#e6ece3;--pguitx:#212b26;--pgshd:rgba(40,68,55,.14);--pgac:#3e7d63;--pgsel:rgba(62,125,99,.22)}
#lr[data-pg="cinza"]{--pgbg:#262624;--pgtx:#d8d3c8;--pgmu:#9a948a;--pgln:rgba(236,228,212,.10);
 --pgui:#2b2b29;--pguitx:#e6e1d6;--pgshd:rgba(0,0,0,.45);--pgac:#a9adf5;--pgsel:rgba(169,173,245,.26)}
#lr[data-pg="preto"]{--pgbg:#131211;--pgtx:#cbc4b7;--pgmu:#8c857a;--pgln:rgba(230,215,190,.09);
 --pgui:#181716;--pguitx:#ddd6c9;--pgshd:rgba(0,0,0,.6);--pgac:#d2a95f;--pgsel:rgba(210,169,95,.24)}

/* o acento do painel e dos controles passa a ser o da folha */
#lr{--acL:var(--pgac,#6b68ee)}

/* a marca da leitura guiada e o véu da frase estão em tts-v9.css (v27) */

/* anotação do PDF no acento da folha */
.ink-toolbar-v9 button[aria-pressed=true]{background:color-mix(in srgb,var(--pgac,#5154fd) 16%,transparent);
 color:color-mix(in srgb,var(--pgac,#5154fd) 72%,var(--pguitx,#fff))}
.ink-toolbar-v9 input[type=range]{accent-color:var(--pgac,#5154fd)}

/* PDF: a página se mistura ao papel (ver corPaginaPdf em leitura-v26.js) */
#lpdf .pgw{background:var(--pgbg,#fff)}
#lpdf .pgw .ph{color:var(--pgmu,#b9bec6)}

/* a folha de trás do leitor acompanha a da frente, sem faixa clara ao virar */
#lstage{background:var(--pgbg)}

/* ── amostras com nome ──────────────────────────────────────────────── */
#laa .swatch.folhas-v26{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
#laa .swatch.folhas-v26 button{width:auto;height:auto;border:0;border-radius:12px;background:none;
 box-shadow:none;display:grid;justify-items:center;gap:7px;padding:4px 0 2px;color:var(--pgmu)}
#laa .swatch.folhas-v26 button i{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;
 font-style:normal;font-family:var(--fd,Georgia,serif);font-size:17px;letter-spacing:-.01em;
 border:1px solid color-mix(in srgb,var(--pguitx) 16%,transparent);
 transition:box-shadow .18s ease,transform .18s ease}
#laa .swatch.folhas-v26 button span{font-size:11.5px;font-weight:500;letter-spacing:.01em;line-height:1}
#laa .swatch.folhas-v26 button:hover i{transform:translateY(-1px)}
#laa .swatch.folhas-v26 button.on{background:none;box-shadow:none;border:0}
#laa .swatch.folhas-v26 button.on i{box-shadow:0 0 0 2px var(--pgui),0 0 0 3.5px var(--acL)}
#laa .swatch.folhas-v26 button.on span{color:var(--pguitx);font-weight:650}

/* ── predefinições ──────────────────────────────────────────────────── */
#ap-temas .fonts .predef-v26{display:flex;align-items:center;justify-content:space-between;gap:12px;height:auto;
 min-height:54px;padding:0 18px;border:1px solid color-mix(in srgb,var(--pguitx) 12%,transparent)!important;
 border-radius:14px;text-align:left;transition:box-shadow .18s ease,transform .18s ease}
#ap-temas .fonts .predef-v26 b{font-size:17px;font-weight:500;letter-spacing:-.01em}
#ap-temas .fonts .predef-v26 small{font-family:var(--fs);font-size:11.5px;font-weight:500;letter-spacing:.01em}
#ap-temas .fonts .predef-v26:hover{transform:translateY(-1px)}
#ap-temas .fonts .predef-v26.on{box-shadow:0 0 0 2px var(--pgui),0 0 0 3.5px var(--acL)}

@media (prefers-reduced-motion:reduce){
 #laa .swatch.folhas-v26 button i,#ap-temas .fonts .predef-v26{transition:none}
 #laa .swatch.folhas-v26 button:hover i,#ap-temas .fonts .predef-v26:hover{transform:none}
}