Let layout.css own the card's fill and depth
First piece of the (a) convergence on task e8885ddb. The card was restating
both halves of its own depth in style.css: the fill as --surface-overlay and
the shadow as --shadow-card, which has aliased --bevel-raised since the token
sweep, so the shadow line was pure duplication of the generated rule. Only the
fill actually moves, --surface-overlay to --surface-raised. Those are equal on
the platform default and a creator theme may set them apart.
The :hover fill goes with it. The generated rule hovers to --hover-surface and
scopes it to (hover: hover) and (pointer: fine), which is what the site wanted
anyway; the local rule was unconditional and fired on touch.
The mechanic is worth stating once, so the charter now does: style.css is
unlayered and unlayered CSS beats the makeover layer whatever the specificity,
so a restated fill takes ownership back silently. Deleting is the only lever.
Tabs and badges are not in this commit. Both turned out to need a decision
first, recorded on the task: the site's is-selected is a generic cross-component
recipe where makeover's chosen is a per-component state, and the badge carries
commercial and AI-disclosure vocabularies that makeover has no tone for.
Co-Authored-By
Claude Opus 5 (1M context) <noreply@anthropic.com>
Author: Max Johnson <me@maxj.phd> · 2026-08-06 14:39 UTC