/* jw-design.css — the jwatte.com design layer (2026-10-23).
*
* One stylesheet, loaded last on every page (the base layout and every tool page), that redefines the existing token
* names and overrides the components that hard-code colours. Removing its reverts the site.
*
* The rules come from our own articles. /blog/design-craft-beyond-github-style-repos/: headings at a light weight with
* tight leading over open body leading; an off-white ground and charcoal ink instead of #fff and #000; one accent in
* three shades, with the text shade and the fill shade kept apart; three easing curves; hover gated on a fine pointer;
* a reduced-motion switch. /blog/retrofitting-design-system-what-broke/: redefine tokens before touching components,
* out-rank the inline theme blocks once instead of page by page, measure contrast in each theme.
* /blog/audit-website-craft-emil-kowalski-skills/: press feedback, named transitions, tabular numbers.
*
* Deliberately not the recipe that reads as Claude's own site (ivory paper, a serif headline over a sans body, a clay
* accent; measured in the 2026-10-23 apprised.news audit): the ground is a cool grey, headings use a grotesque, and the
* accent is brass, the site's existing gold muted to a shade that passes contrast as text.
*
* Specificity: tool pages declare tokens on `:root,html[data-theme="dark"]` (0,1,1) in an inline