asw-v01: modern CSS reset, fix README token docs, add watch.py live rebuild

- Rewrite 00-reset.css with :where()-wrapped zero-specificity rules
- Fix README token docs (--asw-* was incorrect, actual tokens use bare --*)
- Add watch.py (pyinotify-based auto-rebuild of dist/asw.css on src/ changes)

dist/asw.css

@@ -606,26 +606,39 @@
 @media (--xl-n-above)  { html { font-size: 106%; } }
 @media (--xxl-n-above) { html { font-size: 109%; } }
 /**
- * 00-reset.css
- * CSS reset and normalization
- * Ported from: Pico CSS v2.1.1
+ * 00-reset.css — Modern CSS reset
+ * Normalizes user-agent styles across browsers.
+ *
+ * Based on: Josh W. Comeau (2021-2025), David Bushell (2025),
+ * Andy Bell / Piccalilli (2023), Elad Shechter (2021).
+ *
+ * All selectors wrapped in :where() to zero specificity —
+ * any ASW layer file can override with a single element selector.
+ *
+ * Design-agnostic. No ASW tokens referenced.
  */
 
-/* Box-sizing reset */
-*,
-*::before,
-*::after {
+/* ── Box sizing ────────────────────────────────────────────────── */
+
+:where(*, *::before, *::after) {
   box-sizing: border-box;
-  background-repeat: no-repeat;
 }
 
-::before,
-::after {
-  text-decoration: inherit;
-  vertical-align: inherit;
+/* ── Remove default margin (except dialog which uses margin: auto) ── */
+
+:where(*:not(dialog)) {
+  margin: 0;
 }
 
-/* Document */
+/* ── Remove default list styling ────────────────────────────────── */
+
+:where(ul, ol) {
+  list-style: none;
+  padding: 0;
+}
+
+/* ── Document root ──────────────────────────────────────────────── */
+
 :where(:root) {
   -webkit-tap-highlight-color: transparent;
   -webkit-text-size-adjust: 100%;
@@ -633,35 +646,112 @@
   text-rendering: optimizeLegibility;
   overflow-wrap: break-word;
   tab-size: 4;
+  hanging-punctuation: first allow-end last;
+  cursor: default;
 }
 
-/* Root font-size — 100% default, responsive scaling in 01-tokens.css */
-html {
-  font-size: 100%;
+/* ── Body baseline ──────────────────────────────────────────────── */
+
+:where(body) {
+  min-block-size: 100svb;
+  min-inline-size: 300px;
+  line-height: 1.5;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
 }
 
-/* Body */
-body {
-  width: 100%;
-  margin: 0;
-  padding: 0;
-  font-size: var(--text-base);   /* 1rem — inherits html responsive scaling */
-  font-family: var(--font-ui);
-  background-color: var(--surface);
-  color: var(--text);
+/* ── Animations and transitions ─────────────────────────────────── */
+
+@media (prefers-reduced-motion: no-preference) {
+  :where(html) {
+    interpolate-size: allow-keywords;
+  }
 }
 
-/* Prose font — same neo-grotesque stack, consistent across all contexts */
-/* article and [data-layout="prose"] inherit body font — no override needed */
+/* ── Media elements ─────────────────────────────────────────────── */
 
-/* Article as main content landmark */
-article[role="main"] {
+:where(img, picture, video, canvas, svg) {
   display: block;
+  max-width: 100%;
+  height: auto;
 }
 
-/* Nested lists */
-:where(dl, ol, ul) :where(dl, ol, ul) {
-  margin: 0;
+/* ── Form controls ──────────────────────────────────────────────── */
+
+:where(input, button, textarea, select) {
+  font: inherit;
+  color: inherit;
+}
+
+:where(button) {
+  cursor: pointer;
+  border: none;
+  background: none;
+}
+
+:where(textarea) {
+  resize: vertical;
+}
+
+/* ── Anchor reset ───────────────────────────────────────────────── */
+
+:where(a) {
+  color: inherit;
+  text-decoration: none;
+}
+
+/* ── Typography overflow ────────────────────────────────────────── */
+
+:where(p, h1, h2, h3, h4, h5, h6, li, figcaption, blockquote) {
+  overflow-wrap: break-word;
+  hyphens: auto;
+}
+
+/* ── Line wrapping quality ──────────────────────────────────────── */
+
+:where(p, li, figcaption, blockquote) {
+  text-wrap: pretty;
+}
+
+:where(h1, h2, h3, h4, h5, h6) {
+  text-wrap: balance;
+}
+
+/* ── Horizontal rule ────────────────────────────────────────────── */
+
+:where(hr) {
+  border: none;
+  border-top: 1px solid currentColor;
+  color: inherit;
+}
+
+/* ── Table ───────────────────────────────────────────────────────── */
+
+:where(table) {
+  border-collapse: collapse;
+  border-spacing: 0;
+  width: 100%;
+}
+
+/* ── Code / pre ─────────────────────────────────────────────────── */
+
+:where(pre) {
+  overflow-x: auto;
+  white-space: pre;
+}
+
+/* ── Focus visible ──────────────────────────────────────────────── */
+
+:where(:focus-visible) {
+  outline: 2px solid currentColor;
+  outline-offset: 2px;
+}
+
+/* ── Remove default fieldset border ──────────────────────────────── */
+
+:where(fieldset) {
+  border: none;
+  padding: 0;
 }
 /**
  * 02-semantic.css