The four rules that govern all of this — amber allocation, non-colour redundancy, solid versus dashed, and the open status set — are stated on the overview. Everything below is what they resolve to in pixels.
Light is Hestia's warm paper, unchanged. Dark is an extension authored here — Hestia's guide defers it to phase two. Both hold AA at every pairing shown.
Three families, taken from Hestia's design system: Inter for interface text, JetBrains Mono for labels and data, and a serif for the occasional large statement. The sizes below are ours — Hestia's scale was drawn for a marketing page, and somebody reading four hundred findings needs 13px table rows instead. The serif appears in exactly two places: a summary sentence and an empty state.
A tool that audits focus states has to demonstrate one. The indicator is a 2px perimeter ring plus a 1px contrast collar, so it survives on paper, on white cards, and on the ink surfaces without a second variant.
Ninety token pairings were listed out, then every text node on this page — 658 of them — was swept against its real composited background, walking up the stack through each translucent layer rather than trusting the token value. All pass WCAG 2.1 SC 1.4.3 at 4.5:1 for text and SC 1.4.11 at 3:1 for the borders that carry state. Five token values moved to get there, and one cell needed an opaque base.
Hestia's Grid Line (#E3DED5) survives untouched as the decorative hairline — table rules, card edges, section dividers. Those are exempt from 1.4.11: no information is lost if they disappear. The moment a border becomes the thing that tells you a chip is authoritative rather than advisory, it stops being decoration and moves to the chip token. Both are in the specimen above, and the distinction is the reason the page still looks like Hestia after the audit.