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. resetMinimal browser normalization
2. tokensPrimitive and semantic design tokens
3. themesTheme, brand, density, contrast, mode overrides
4. baseHTML element defaults
5. layoutLayout primitives and page/app shells
6. componentsComponent classes
7. utilitiesSmall single-purpose helpers
8. enhancementsProgressive @supports-gated features
9. printPrint behavior