Reconcile Action, Cards, Hero, Icons, Tabs, Pagination, Buttons, Carousel, Tags + asset renaming

[lumpster-csa]

Summary

Reconciles several items flagged in the Stephen/Alain branch-merge brief, porting them from the local library copy into this repo, plus an asset filename cleanup and a small typography fix.

• .csa-action — resting border steps down to n50 (was n75); a selected tile no longer shifts border/arrow color on :hover (stays static once selected — the resting drop-shadow already signals "selected"). Resting background and the dark-surface backdrop-filter: blur(3px) are unchanged.
• .csa-card-raised — new always-on elevation modifier for cards (cards.css), with a showcase demo.
• .csa-hero-split-graphic — new 2-column hero pattern promoted from the STAR Program pages (hero.css), with a showcase demo (adds two supporting assets: docs/assets/hero-bg-star.jpg, assets/logos/star-logo-white.svg).
• Icons — added the 6 token-color subfolders (b100/b300/b500/n400/o300/o700, 120 icons each) for badge/neutral-tag contexts, plus 19 new base icons (AI-Automation, Click, Clock, Connect, Delete, Document-Locked, Export, Folder-Locked, Gate, Info, Laptop-Locked, Phone-Locked, Safe, Scan-LLM, Strategy, Support, Target, Window, Window-Locked) with their full color-variant sets.
• Tabs — restored the rounded ::before hover-fill highlight (previously only shifted text color).
• Pagination — restored the .csa-pagination-next:disabled fix; Next now gets the same filled disabled treatment as Prev (this was the original bug report: "Next doesn't get disabled-button styling").
• Buttons — restored distinct black-surface disabled colors (n800/n500) instead of falling through to dark surface's b800/b500.
• Carousel — restored the nested .csa-carousel-row wrapper with .csa-carousel-dots as a child of .csa-carousel, not a sibling after it — the structure that prevents dots from being left behind when someone copies just the visible carousel block. Keeps this branch's CSS-chevron arrows. Updated the showcase demo markup and its dot-lookup script to match.
• Tags — restored the .csa-bg-n25 guard comment explaining a contrast bug that already shipped once.
• Asset filenames — normalized every file under src/assets/ (logos, icons + its 6 token-color subfolders, illustrations, tags) to lowercase kebab-case (1,682 renames), then replaced remaining underscores with dashes (5 files). Updated every reference to the old names across the repo, and fixed a pre-existing broken reference (assets/icons/badge-b500.svg → assets/icons/b500/badge-b500.svg, the file never existed at the top level) surfaced while checking this.
• Asset filename anomalies — fixed three more found during the cleanup: csa-trusted-cloud-consultant-badge-png.png had a redundant -png baked into the base name before its real .png extension; ai-threat-radar-dark-1.png/-light-1.png and blueprint-light-1.png had an export-tool -1 artifact instead of the plain -dark/-light pattern every other illustration uses; virtual-event-dark-blue-bg-copy.png/-light-blue-bg-copy.png were visually confirmed to render on a plain white background (not the blue background their filename claimed, and effectively duplicating virtual-event-white-bg.png) — deleted as mislabeled duplicates rather than renamed.
• Typography — h4.csa-title no longer inherits the shared -.02em letter-spacing (bare h4 and h4.csa-subtitle are unaffected).
• README — updated to document the component/icon changes above.

Test plan

• Verified locally via a served preview of src/docs/index.html:
  • Action selected tiles show the resting shadow on all 4 surfaces (white/n25/dark/black), no color shift on hover
  • Raised card and hero-split-graphic demos render correctly
  • Carousel arrow/viewport/dots layout renders correctly; dot-click navigation works with the new nested structure
  • Pagination Next-disabled and button black-surface-disabled resolve to the correct token colors (checked via computed style)
  • Tab hover fill renders
  • Full page network log checked for 404s after the asset rename — only the pre-existing badge-b500.svg issue turned up, now fixed
  • h4.csa-title computed letter-spacing confirmed back to normal

🤖 Generated with Claude Code