feat: Add comprehensive iconography system and enhance brand guidelines

- Add complete Iconography section with Coolicons v4.1 integration
- Implement theme-adaptive icons (black for light mode, white for dark mode)
- Add Visual Aid modal dialog for accessibility settings
- Replace theme toggle with semantic moon/sun icons
- Add personality trait icons with appropriate semantic choices
- Fix code block theming to respect light/dark mode toggle
- Include comprehensive icon categories: Interface, File/Data, Communication, Navigation
- Add detailed implementation guides for HTML, SVG, and Tailwind
- Create accessibility-aware color system with vision deficiency support
- Add Inconsolata and Inter Tight fonts for complete typography system

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

brand-assets/fonts/Inter_Tight/README.txt

@@ -0,0 +1,81 @@
+Inter Tight Variable Font
+=========================
+
+This download contains Inter Tight as both variable fonts and static fonts.
+
+Inter Tight is a variable font with this axis:
+  wght
+
+This means all the styles are contained in these files:
+  Inter_Tight/InterTight-VariableFont_wght.ttf
+  Inter_Tight/InterTight-Italic-VariableFont_wght.ttf
+
+If your app fully supports variable fonts, you can now pick intermediate styles
+that aren’t available as static fonts. Not all apps support variable fonts, and
+in those cases you can use the static font files for Inter Tight:
+  Inter_Tight/static/InterTight-Thin.ttf
+  Inter_Tight/static/InterTight-ExtraLight.ttf
+  Inter_Tight/static/InterTight-Light.ttf
+  Inter_Tight/static/InterTight-Regular.ttf
+  Inter_Tight/static/InterTight-Medium.ttf
+  Inter_Tight/static/InterTight-SemiBold.ttf
+  Inter_Tight/static/InterTight-Bold.ttf
+  Inter_Tight/static/InterTight-ExtraBold.ttf
+  Inter_Tight/static/InterTight-Black.ttf
+  Inter_Tight/static/InterTight-ThinItalic.ttf
+  Inter_Tight/static/InterTight-ExtraLightItalic.ttf
+  Inter_Tight/static/InterTight-LightItalic.ttf
+  Inter_Tight/static/InterTight-Italic.ttf
+  Inter_Tight/static/InterTight-MediumItalic.ttf
+  Inter_Tight/static/InterTight-SemiBoldItalic.ttf
+  Inter_Tight/static/InterTight-BoldItalic.ttf
+  Inter_Tight/static/InterTight-ExtraBoldItalic.ttf
+  Inter_Tight/static/InterTight-BlackItalic.ttf
+
+Get started
+-----------
+
+1. Install the font files you want to use
+
+2. Use your app's font picker to view the font family and all the
+available styles
+
+Learn more about variable fonts
+-------------------------------
+
+  https://developers.google.com/web/fundamentals/design-and-ux/typography/variable-fonts
+  https://variablefonts.typenetwork.com
+  https://medium.com/variable-fonts
+
+In desktop apps
+
+  https://theblog.adobe.com/can-variable-fonts-illustrator-cc
+  https://helpx.adobe.com/nz/photoshop/using/fonts.html#variable_fonts
+
+Online
+
+  https://developers.google.com/fonts/docs/getting_started
+  https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guide
+  https://developer.microsoft.com/en-us/microsoft-edge/testdrive/demos/variable-fonts
+
+Installing fonts
+
+  MacOS: https://support.apple.com/en-us/HT201749
+  Linux: https://www.google.com/search?q=how+to+install+a+font+on+gnu%2Blinux
+  Windows: https://support.microsoft.com/en-us/help/314960/how-to-install-or-remove-a-font-in-windows
+
+Android Apps
+
+  https://developers.google.com/fonts/docs/android
+  https://developer.android.com/guide/topics/ui/look-and-feel/downloadable-fonts
+
+License
+-------
+Please read the full license text (OFL.txt) to understand the permissions,
+restrictions and requirements for usage, redistribution, and modification.
+
+You can use them in your products & projects – print or digital,
+commercial or otherwise.
+
+This isn't legal advice, please consider consulting a lawyer and see the full
+license for all details.