deckhearth/styles
varutasu ea21b01ed6
feat(design-system): redesign v2 #6 — card grid outer-glow (#106)
Sub-convoy #6 from .convoys/redesign-v2-from-mockups.md. The
operator mockup shows TCG card thumbnails in the Featured
Collection grid with a soft warm glow emanating around each card,
suggesting "light cast onto cards" — the hearth metaphor at the
card level.

What ships:
- styles/globals.css: new .card-grid-outer-glow utility with a
  single cheap box-shadow (warm orange at 18% alpha on light /
  28% on dark) + a slightly bolder hover state (32%/50%). Honors
  the AGENTS.md performance budget ("card grids may NOT use glass
  on every card item") — this is a single-axis shadow, not a
  backdrop-filter.
- components/CardItem.js: outer .card-item-container picks up the
  new class. The rarity-color glow on the inner chrome is
  UNTOUCHED (umbrella § 5 #6 explicit guard).

Tests:
- npm run test:run: 113/113
- npm run lint: clean
- npm run build: green

Next: #7 (dashboard rebuild) + #8 (right-rail Spotlight).

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-06-04 11:14:53 -05:00
..
globals.css feat(design-system): redesign v2 #6 — card grid outer-glow (#106) 2026-06-04 11:14:53 -05:00