Color
Every color in the kit comes from a CSS custom property in :root. Use the token name in your styles, never a raw hex, so a single edit in wireframe.css updates every wireframe.
Body text uses --ink-3 by default. Headings use --ink. Meta and metadata (eyebrows, captions) use --mute.
The page itself sits on --paper. Cards, panels, and inputs sit on --white. Hover states and quiet emphasis use --paper-2.
Borders on cards, inputs, and section rules use --line. Inner dividers (rows in a list, hairlines inside a card) use --line-2.
Font Awesome icons inherit color. The kit sets a default i { color: var(--ink-3) } globally. Override with the utility classes .icon-lighter and .icon-faint (see Icons).
Accent colors are used sparingly in wireframes: buttons, focus rings, links, status badges. Replace these in the design phase to match the brand.
Used by the Wireframe Deck pattern frames in kit-wireframe-deck.html. Mirrors --white and --line today; kept as separate tokens so pattern chrome can re-skin without touching component surfaces.