💄 style: set accent color to match theme

[welpo]

Summary

Added accent-color CSS variable to style form elements (checkboxes, radio buttons, range inputs) consistently with the theme's primary color.

Changes

Added accent-color: var(--primary-color); to the global styles. This affects:

• Checkboxes
• Radio buttons
• Range inputs
• Progress bars

Respects the use of skins or custom CSS.

Screenshots

Before:

Uses the OS accent colour (pink, for me)

After:

Uses the primary-color variable.

Type of change

• Bug fix (fixes an issue without altering functionality)
• New feature (adds non-breaking functionality)
• Breaking change (alters existing functionality)
• UI/UX improvement (enhances user interface without altering functionality)
• Refactor (improves code quality without altering functionality)
• Documentation update
• Other (please describe below)

---

Checklist

• I have verified the accessibility of my changes
• I have tested all possible scenarios for this change
• I have updated theme.toml with a sane default for the feature
• I have made corresponding changes to the documentation:
  • Updated config.toml comments
  • Updated theme.toml comments
  • Updated "Mastering tabi" post in English
  • Updated "Mastering tabi" post in Spanish
  • Updated "Mastering tabi" post in Catalan

[netlify]

✅ Deploy Preview for tabi-demo ready!

Name	Link
🔨 Latest commit	bd0c944
🔍 Latest deploy log	https://app.netlify.com/sites/tabi-demo/deploys/67362e0542f7c60008c5f14a
😎 Deploy Preview	https://deploy-preview-429--tabi-demo.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.