/* Темы урока: каждая задаёт одни и те же переменные, страницы используют только их */
/* Фон на псевдоэлементе: он внутри контейнера слайда, поэтому клетка масштабируется вместе со страницей */
.sld[class*="th-"] { background:none; color:var(--t-ink); --t-head:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif }
.sld[class*="th-"]::before { content:""; position:absolute; inset:0; background:var(--t-bg) }
.th-list { --t-bg:#fff; --t-ink:#1b1f2a; --t-muted:#6b7280; --t-accent:#2f6df6; --t-card:#f4f7ff; --t-line:#d6e0f5; --t-on:#fff }
.th-tetrad { --t-bg:linear-gradient(#dfe8f7 1px, transparent 1px) 0 0/100% 2.4cqw, linear-gradient(90deg, #dfe8f7 1px, transparent 1px) 0 0/2.4cqw 100%, #fff; --t-ink:#22304a; --t-muted:#66748c; --t-accent:#d23c3c; --t-card:rgba(255,255,255,.9); --t-line:#c5d3ea; --t-on:#fff }
.th-doska { --t-bg:radial-gradient(120% 120% at 20% 0, #2f6650, #1d4636); --t-ink:#f3f6ee; --t-muted:#c4d4c6; --t-accent:#ffd96a; --t-card:rgba(255,255,255,.08); --t-line:rgba(255,255,255,.28); --t-on:#27402f }
.th-kosmos { --t-bg:radial-gradient(1px 1px at 12% 22%, #fff, transparent), radial-gradient(1.5px 1.5px at 68% 14%, #fff, transparent), radial-gradient(1px 1px at 40% 70%, #cfe, transparent), radial-gradient(1.5px 1.5px at 86% 62%, #fff, transparent), radial-gradient(1px 1px at 24% 88%, #fff, transparent), linear-gradient(160deg, #0f1533, #241a52); --t-ink:#eef1ff; --t-muted:#aab2dc; --t-accent:#62e0ff; --t-card:rgba(255,255,255,.08); --t-line:rgba(160,180,255,.35); --t-on:#0f1533 }
.th-yarmarka { --t-bg:linear-gradient(180deg, #fff6e4, #fbe9c8); --t-ink:#3b2a17; --t-muted:#7d6647; --t-accent:#b5451b; --t-card:rgba(255,252,244,.85); --t-line:#e2c99c; --t-on:#fff; --t-head:Georgia, "Times New Roman", serif }
.th-chertezh { --t-bg:linear-gradient(rgba(255,255,255,.1) 1px, transparent 1px) 0 0/100% 4cqw, linear-gradient(90deg, rgba(255,255,255,.1) 1px, transparent 1px) 0 0/4cqw 100%, #1c4f8c; --t-ink:#f1f7ff; --t-muted:#b8d0ee; --t-accent:#ffe08a; --t-card:rgba(255,255,255,.1); --t-line:rgba(255,255,255,.4); --t-on:#17406f }
.th-sad { --t-bg:linear-gradient(160deg, #f2fbef, #fdfbe9); --t-ink:#23402e; --t-muted:#5e7a66; --t-accent:#2e9e5b; --t-card:rgba(255,255,255,.8); --t-line:#cde6d0; --t-on:#fff }
.sld[class*="th-"] .tk-in, .sld[class*="th-"] .tk-ch > *, .sld[class*="th-"] .tk-f input { background:transparent; color:inherit; border-color:var(--t-line) }
.sld[class*="th-"] .b-task { background:var(--t-card); border-color:var(--t-line) }
.sld[class*="th-"] .b-game { background:var(--t-card); border-color:var(--t-line) }
.sld[class*="th-"] .tk-f button, .sld[class*="th-"] .b-game button, .sld[class*="th-"] .pg-next { background:var(--t-accent); color:var(--t-on) }
.sld[class*="th-"] .tk-ok, .sld[class*="th-"] .tk-key { color:var(--t-accent) }