diff --git a/.impeccable.md b/.impeccable.md index 110d0140..dd35e50a 100644 --- a/.impeccable.md +++ b/.impeccable.md @@ -82,8 +82,8 @@ Layout and sizing: Color: - Use OKLCH for any new color. Not HSL, not hex. -- Accent colors (`--accent`, `--accent-deep`) only on interactive elements. -- Tags, badges, pills, inline code, source badges use `--ink-muted`, `--ink-soft`, or `--bg-paper-strong`. Never the accent. +- Accent colors (`--accent`, `--accent-deep`, `--accent-soft`) are reserved for interactive elements. Clickable filter tags (`.tag`) correctly use `--accent-soft` background with `--accent-deep` text. Interactive link states (`.col-name > a:hover`, `.sponsor-link:hover`, `.hero-action-primary`, `.back-to-top`, CTAs) use accent tokens. +- Non-interactive elements (inline code, `.source-badge`, static labels, decorative pills) must use `--ink-muted`, `--ink-soft`, or `--bg-paper-strong`. Never the accent. Users should not mistake static decoration for something clickable. CSS hygiene: