# S1-07 — Skin System Extraction

**Epic:** Skin System Discovery
**Priority:** P2 (after all demos are done)
**Role:** Developer + Reviewer

## User Story
As a library maintainer, I want to identify common variable override patterns and extract a reusable skin template.

## Acceptance Criteria
- [x] Comparison table: which CSS custom properties each demo overrides
- [x] Identify the "minimal skin set" (~10-15 variables that produce most visual differentiation)
- [x] `dist/demo/skin-template.css` — annotated template with variable slots
- [x] `dist/demo/SKINNING.md` — short guide explaining how to create a new skin
- [x] Document any gaps found in `css-base` (components or tokens missing for real-world UIs)

## Notes
- This story is discovery-driven — its scope depends on what the 10 demos reveal
- The skin template is a best-effort output, not a strict deliverable
- Outputs shipped to `dist/demo/skin-template.css` and `dist/demo/SKINNING.md`
- Key finding: skins are mostly defined by 7 color seed tokens plus optional radius/font overrides
- Gap found: component semantics use `--color-critical`, which is easy to misremember as `--color-error` in demos