chore(repo): add informational blocks to the design system

[charliecreates]

Summary

• add reusable informational bubble styles (warning, info, tip) to apps/web/src/public/design-system.html
• define theme-aware CSS variables for bubble text, background, code tokens, and link accents in both light and dark previews
• include base typography/layout rules so the preview reflects production-style informational blocks

Validation

• inspected the generated diff to confirm scope is limited to apps/web/src/public/design-system.html

Resolves #432

[github-actions]

Your PR title doesn't match the required format. The title should be in the conventional commit (https://www.conventionalcommits.org/en/v1.0.0-beta.4/) format. e.g.

chore: add pr title workflow
```. Note that scopes should not contain spaces.

[shellscape]

@CharlieHelps

Link styles in all three bubble types in dark mode are incorrect. See http://localhost:5173/docs/quick-start and http://localhost:5173/docs/components/butan as references. Most notably, there is no underline, the font weight is wrong, and the colors are wrong.

[github-actions]

Your PR title doesn't match the required format. The title should be in the conventional commit (https://www.conventionalcommits.org/en/v1.0.0-beta.4/) format. e.g.

chore: add pr title workflow
```. Note that scopes should not contain spaces.

[charliecreates]

Implemented — I updated dark-mode link styling for all three informational bubble types (warning, info, tip) in apps/web/src/public/design-system.html.

Changes include:

• restored link underline in dark mode
• corrected link font weight
• corrected per-bubble link/hover colors

Commit: c26d378

[shellscape]

@CharlieHelps

c26d378 should be reverted. Then the links styling should be fixed. Link styles in all three bubble types in dark mode are incorrect. See http://localhost:5173/docs/quick-start and http://localhost:5173/docs/components/butan as references.

• Transition color is wrong
• Links have underlines - this is incorrect
• Links have a font weight of 600 - this is incorrect

[github-actions]

Your PR title doesn't match the required format. The title should be in the conventional commit (https://www.conventionalcommits.org/en/v1.0.0-beta.4/) format. e.g.

chore: add pr title workflow
```. Note that scopes should not contain spaces.

[charliecreates]

Completed ✅

• Reverted c26d378 via 67dce3f.
• Fixed dark-mode informational bubble link styles via 4ee712a.
• Dark-mode fixes cover warning/info/tip bubbles and address transition color, underline removal, and incorrect font weight.

[github-actions]

Your PR title doesn't match the required format. The title should be in the conventional commit (https://www.conventionalcommits.org/en/v1.0.0-beta.4/) format. e.g.

chore: add pr title workflow
```. Note that scopes should not contain spaces.