docs: update README and homepage with new features

- Add font-smoothing, color-scheme to fixes layer docs
- Add text-wrap, isolation to elements layer docs
- Update homepage layer descriptions

Author: swernerx

README.md

@@ -81,7 +81,9 @@ If you're using other `@layer` declarations, include ours in your order:
 
 ### Layer: `fixes`
 
-- Prevents text-size inflation on mobile browsers
+- Prevents text-size inflation on mobile browsers (`text-size-adjust`)
+- Enables automatic dark mode for native UI elements (`color-scheme: light dark`)
+- Applies optimized font rendering on macOS/WebKit (`-webkit-font-smoothing: antialiased`)
 - Respects `prefers-reduced-motion` for scroll behavior
 
 ### Layer: `elements` (optional)
@@ -90,7 +92,10 @@ If you're using other `@layer` declarations, include ours in your order:
   - `--font-system-ui-sans` – System UI fonts with emoji support
   - `--font-system-ui-mono` – Monospace fonts for code
 - Applies font stacks to `body` and code elements
-- Improves link underline rendering
+- Improves link underline rendering (`text-decoration-skip-ink`)
+- Balanced text wrapping for headings (`text-wrap: balance`)
+- Prettier text wrapping for paragraphs (`text-wrap: pretty`)
+- Creates isolated stacking context for React/Next.js/Vue root elements (`#root`, `#__next`, `#app`)
 
 ## Browser Support
 

docs/index.html

@@ -127,7 +127,7 @@ <h4>@layer reset</h4>
           <span class="layer-number">2</span>
           <div class="layer-info">
             <h4>@layer fixes</h4>
-            <p>Browser-specific workarounds. Text-size-adjust, reduced motion preferences.</p>
+            <p>Browser-specific workarounds. Text-size-adjust, font smoothing, color-scheme, reduced motion.</p>
           </div>
           <span class="layer-badge">Core</span>
         </div>
@@ -136,7 +136,7 @@ <h4>@layer fixes</h4>
           <span class="layer-number">3</span>
           <div class="layer-info">
             <h4>@layer elements</h4>
-            <p>System font stacks with emoji support. Minimal element defaults for typography.</p>
+            <p>System font stacks, text-wrap balance/pretty, stacking context isolation for app roots.</p>
           </div>
           <span class="layer-badge optional">Optional</span>
         </div>