M3: dead code purge + layer refs → semantic tokens

Dead code removed:
- 05-utilities: grid-2/card-grid/stats block (superseded by 08-layout)
- 02-semantic: dialog min-width:100% (conflicted with 03-components)
- 02-semantic: hgroup p dead font-family, redundant nested list margin
- All layers: [ai-disclosure] → [data-ai-disclosure] (bug fix)
- table.striped → [data-table="striped"] (classless alignment)

Ref cleanup: 12 --gray-N/--green-N/--blue-N replaced with semantic
tokens. 24 refs marked TODO (syntax highlighting needs --syntax-* aliases).
This commit is contained in:
Vigilio Desto 2026-04-10 19:44:05 +02:00
parent 9b1dcdab6e
commit ea51dbd7cf
Signed by: vigilio
GPG key ID: 159D6AD58C8E55E9
7 changed files with 48 additions and 126 deletions

View file

@ -398,12 +398,12 @@
[data-diff-line="added"] {
background: var(--diff-add-bg);
color: var(--green-3);
color: var(--green-3); /* TODO: map to semantic token — no alias for green-3 (--accent-hover=green-4 is one step darker) */
}
[data-diff-line="added"]::before {
content: "+";
color: var(--green-5);
color: var(--ok); /* --ok = var(--green-5) */
}
[data-diff-line="removed"] {
@ -413,7 +413,7 @@
[data-diff-line="removed"]::before {
content: "";
color: var(--red-6);
color: var(--red-6); /* TODO: map to semantic token — no alias for red-6 (--error=red-7, --callout-error=red-5) */
}
[data-diff-line="context"] {
@ -497,12 +497,12 @@
/* Light mode adjustments */
@media (prefers-color-scheme: light) {
[data-redacted] {
background: var(--gray-15);
background: var(--gray-15); /* TODO: map to semantic token — no alias for absolute black; needed for redaction bar in light mode */
}
[data-redacted="reveal"]:hover,
[data-redacted="reveal"]:focus {
background: var(--gray-1);
color: var(--gray-15);
background: var(--surface-1); /* light mode: --surface-1 = var(--gray-1) */
color: var(--gray-15); /* TODO: map to semantic token — no alias for absolute black text in light mode */
}
}
@ -545,33 +545,33 @@
*/
/* Subtle accent on AI-generated sections — light left border indicator */
[ai-disclosure] {
[data-ai-disclosure] {
border-left: var(--border-size-2) solid transparent;
padding-left: var(--space-3);
}
[ai-disclosure="ai-generated"] {
[data-ai-disclosure="ai-generated"] {
border-left-color: var(--ai-generated-border);
}
[ai-disclosure="ai-assisted"] {
[data-ai-disclosure="ai-assisted"] {
border-left-color: var(--ai-assisted-border);
}
/* Autonomous — more distinct: full accent treatment */
[ai-disclosure="autonomous"] {
[data-ai-disclosure="autonomous"] {
border-left-color: var(--accent);
border-left-width: var(--border-size-2);
}
/* Mixed — yellow/amber to signal blended provenance */
[ai-disclosure="mixed"] {
[data-ai-disclosure="mixed"] {
border-left-color: var(--ai-mixed-border);
}
/* Disclosure badge — optional ::after label for verbose mode */
[ai-disclosure][data-show-disclosure]::after {
content: " [" attr(ai-disclosure) "]";
[data-ai-disclosure][data-show-disclosure]::after {
content: " [" attr(data-ai-disclosure) "]";
font-family: var(--font-mono);
font-size: var(--text-xs);
color: var(--text-dim);