/* ============================================================================ * brand.css — the Study Maps design system. * * ONE identity for the whole site. Before this file the site was four * different websites wearing the same domain: the homepage (cream / navy / * gold, Newsreader + Karla, from the Claude Design build), the map pages * (forest-green hero, Segoe UI), exam.html + transcripts.html (slate blue, * Segoe UI) and learn.html (teal on peach). Every page also invented its own * type scale, so a heading was 27px here, 19px there and 26px on master.html. * * The homepage is the brand — it is the one the user chose — so this file * takes the homepage's tokens and pushes them outward to everything else. * * ── HOW IT ATTACHES ──────────────────────────────────────────────────────── * Every page already carries a hand-written