refactor: CSS tasks 1-6 — add token aliases, fix all primitive leaks

- Rename 01-asw.css → 01-tokens.css (pure :root, no rules)
- Add semantic aliases: --weight-*, --shadow-*, --focus-ring-width,
  --dropdown-min-width, --space-5a, --weight-light, --border-width-thick
- Extract editorial rules from token file to components/layout
- Replace all Open Props primitives in layers 02-09 with semantic aliases
- Zero primitive leaks remain outside 01-tokens.css

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

src/layers/04-data-attrs.css

@@ -522,7 +522,7 @@
   position: fixed;
   top: 0;
   left: 0;
-  height: var(--border-size-2);
+  height: var(--focus-ring-width);
   background: var(--accent);
   z-index: 9999;
   /* Subtle shadow so bar is visible on light pages too */
@@ -546,7 +546,7 @@
 
 /* Subtle accent on AI-generated sections — light left border indicator */
 [data-ai-disclosure] {
-  border-left: var(--border-size-2) solid transparent;
+  border-left: var(--focus-ring-width) solid transparent;
   padding-left: var(--space-3);
 }
 
@@ -561,7 +561,7 @@
 /* Autonomous — more distinct: full accent treatment */
 [data-ai-disclosure="autonomous"] {
   border-left-color: var(--accent);
-  border-left-width: var(--border-size-2);
+  border-left-width: var(--focus-ring-width);
 }
 
 /* Mixed — yellow/amber to signal blended provenance */
@@ -649,14 +649,14 @@ a[data-role="secondary"]:hover {
 
 [data-size="xs"] {
   font-size: var(--font-size-00, 0.6rem);
-  padding: var(--size-1) var(--size-2);
-  gap: var(--size-1);
+  padding: var(--space-1) var(--space-2);
+  gap: var(--space-1);
 }
 
 [data-size="sm"] {
   font-size: var(--text-xs);
-  padding: var(--size-1) var(--size-3);
-  gap: var(--size-2);
+  padding: var(--space-1) var(--space-4);
+  gap: var(--space-2);
 }
 
 /* md is the default — explicit reset for override contexts */