:root{color-scheme:dark;--bg:#111823;--panel:#1b2431;--text:#eef2f7;--muted:#adb9c9;--gold:#ff846a;--line:#334051}
body{background:var(--bg);color:var(--text)}
header,.tutorial-nav{background:#111823f5}
.hero{background-image:linear-gradient(90deg,#111823fa,#111823d9),url(assets/landscape.webp)}
.hero p,.tutorial-copy p,.chips span{color:var(--muted)}
.tutorial-card,.card,.tutorial-nav a,.button.ghost,.preview-close,.back-top{background:var(--panel)}
.button{background:#c4422b;border-color:#c4422b;color:#fff}
.button:hover{background:#af3622}
.brand b{background:#c4422b}
.button.ghost{border-color:var(--line);color:var(--text)}
.button.ghost:hover{background:#253143}
.art-label,.chips span{background:#1b2431e8;border-color:var(--line)}
.tutorial-number{background:#3a2828;color:var(--gold)}
.tutorial-tip,.note,.bot-entry{background:#151e2b;color:var(--muted)}
.tutorial-image{background:#151e2b;box-shadow:0 8px 24px #0003}
.tutorial-image img[src$=".png"]{filter:brightness(.82)}
.diagram .image-tag{background:#253143;color:#c2cede}
.tutorial-nav a[aria-current=location]{background:#c4422b;border-color:#c4422b;color:#fff}
.cta{background-image:linear-gradient(90deg,#1b2431fa,#1b2431e0),url(assets/landscape.webp);background-color:var(--panel)}
.preview-close,.back-top{color:var(--text)}
#tutorialPreview::backdrop{background:#050910d9}
#tutorialPreview img[src$=".png"]{filter:brightness(.9)}
.reading-progress span{background:#ff846a}
@media(hover:hover) and (pointer:fine){.preview-close:hover,.back-top:hover{background:#2b3748}}
.poster-card .tutorial-image{max-width:520px;border:1px solid var(--line)}
.poster-card .tutorial-image img{filter:none}
#tutorialPreview[data-poster="true"] img{filter:none}
@media(min-width:761px){.poster-card{grid-template-columns:1.1fr .9fr;gap:40px}}