- Type scale (--fs-2xs..--fs-3xl) and line-height tokens; the 20-size
census collapses onto 9 steps. Spacing scale (--space-1..8) plus --gap
keeping the signature 18px rhythm. Colors untouched.
- Base h1-h6 rules: bare headings used to render at UA defaults, larger
and bolder than the styled card titles beside them.
- One eyebrow-label rule replacing eleven near-identical declarations at
five sizes and five letter-spacings.
- High-traffic families retrofitted to tokens (page/card/table/form/btn/
tabs/badge/sidebar/kpi); rare bolt-on sections left alone.
- New utilities: truncate, clamp-2, justify-between, flex-wrap, flex-col,
flex-1, min-w-0, w-full, mt/mb-8/12/16/24, cell-clip, row-click.
- Defined phantom classes shipped in JSX (.dt, .route-loading,
.tab-count) and a .skip-link.
- Email/role cells clip with ellipsis on all viewports, not only <640px.
- Content measure capped at 1440px on every desktop, not only >=1600.
- Sidebar: clearer group separation, active item weight 600.
- main.jsx design-contract comment amended: colors stay frozen,
typography/spacing re-tokenized.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Talha Ahmed
ahmed.mujtaba