Before:
- tone='accent' painted at 14% solid + full accent-text recolor — the
cell read as "broken / special-cased random" rather than emphasised.
- striped used 70%-transparent overlay on toolbar-bg ≈ invisible
against the editor bg.
- no hover state on cells — users had no signal that cells are
interactive (clickable to edit).
- header row used the same single-width border as body cells, so the
divider got lost when striped or accent kicked in.
After:
- tone='accent' at 8% solid, text color inherited from default — the
cell still draws the eye without shouting.
- striped uses solid toolbar-bg (no transparency) — actual zebra.
- subtle hover (5% accent overlay) on every non-header cell, with a
120ms ease transition.
- header row gets a 2× bottom border so the head/body divider is
unambiguous regardless of striping/accent.
CSS-only change in words.css, no markup or logic touched.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>