Reset

The porchlight.reset layer is minimal browser normalization — no normalize.css, no opinionated defaults. :where() keeps every rule at zero specificity so it is trivially overridable.

What it normalizes

• box-sizing: border-box on everything.
• color-scheme: light dark and 100% text-size adjust on html.
• margin: 0 and min-block-size: 100dvb on body.
• Replaced elements (img, svg, video) are block and width-constrained.
• Form controls inherit font and color.
• touch-action: manipulation on interactive controls (no 300ms tap delay).
• table uses separated borders with zero spacing.
• [hidden] is forcibly removed from the render tree.

Raw sample

A handful of unstyled elements, to confirm the reset loads cleanly:

A native button

A native table

Column	Column
Cell	Cell

Layer order

Declared in 00-layer-order.css; only reset is populated yet.

1. reset Minimal browser normalization
2. tokens Primitive and semantic design tokens
3. themes Theme, brand, density, contrast, mode overrides
4. base HTML element defaults
5. layout Layout primitives and page/app shells
6. components Component classes
7. utilities Small single-purpose helpers
8. enhancements Progressive @supports-gated features
9. print Print behavior