:root{--paper:#f8fafc;--ink:#1e293b;--muted:#64748b;--line:#e2e8f0;--accent:#b45309;--tint:#fffbeb;--gold:#b45309;--warm:#fffbeb}
body[data-course="int144"]{--accent:#4f46e5;--tint:#eef2ff}
h1,h2,h3,.brand{font-family:'Sarabun',sans-serif}
header{box-shadow:0 1px 3px #0f172a0d}header nav a.active{font-weight:700}.brand{font-weight:700}
.hero h1{font-size:34px}.card,.glossary details,.note{border-radius:12px}.btn{border-radius:8px}
.dark{--paper:#0f172a;--surface:#1e293b;--ink:#f1f5f9;--muted:#cbd5e1;--line:#475569;--accent:#fbbf24;--tint:#3b321c}
body.dark[data-course="int144"]{--accent:#a5b4fc;--tint:#29294f}
@media(max-width:520px){.hero h1{font-size:27px}}