- Modular structure (per-concern files)
- Heading classes (h1–h6, display-lg)
- Grid/flex layout utilities (
.nl-stack,.nl-row,.nl-grid-*) - Gap utilities (
.nl-gap-*) - Light theme (hybrid
@media+[data-theme]) - Touch target minimum (
--nl-touch-min: 3rem) -
--nl-hairlinestructural alias
- Shadow tokens (
--shadow-sm,--shadow-md,--shadow-lg)
- Responsive variants (breakpoint prefixes)
- Form elements (input, select, textarea, label)
- Animations / transitions (fade, slide, spin)
- Utility helper (margin, padding, display)
- Testing (Playwright a11y + visual snapshot)
- CI pipeline