#69 Design foundations: raise the CSS budget (49 bytes free) + spacing/type/color scale

closeduiopened
details
updated
id
f4e0b79d-0312-4d4d-b014-84337f4ef3db

Parent/blocker for the cosmetic pass. static/style.css is 15311 / 15360 bytes — 49 bytes of headroom — and three tests plus gl0w.md enforce the cap:

Owner has approved raising the budget as needed for quality. This issue is the mechanical unblock: raise the cap and lay down the scale the other seven skin issues will write against.

Scope:

  1. Raise the budget test to a sane new cap (proposal: 32 KiB = 32768, still tiny, still zero-JS, still hand-written CSS) and update gl0w.md + every test assertion. Keep the border-radius: 0 rule unless the owner says otherwise.
  2. Add a small, explicit spacing scale (--s1..--s6 ≈ 4/8/12/16/24/32px) and a type scale (--fs-sm..--fs-3xl) and use them on the new rules; do not rewrite everything in one go.
  3. Add the theme tokens the other issues need: --surface (card/panel bg, distinct from --bg), --surface-2, --fg-dim for AA-passing muted text, --accent alias, --state-open/merged/closed colors, and --radius (0 today) so a future owner flip to rounded is one line.
  4. Document the scale + token list in a comment block at the top of the file (it is already the de-facto design doc).

Acceptance:

Note: this is the only issue in the batch that others depend on; land it first.

Comments (1)

all issues