feat: #3559743 Use Tailwind CSS theme variables for color schemes

• Reduce to two color schemes: light and dark
• Add new CSS variables that are compatible with shadcn/ui themes — e.g.: https://tweakcn.com/editor/theme
• Review and refactor all components and templates where there are colors by mapping to the new variables semantically
• Clean up schemes.css
  • Refactor breadcrumb styling
  • Refactor webform styling
  • Refactor dialog styling
  • Ensure schemes.css only contains the new CSS variables
• Remove color definitions from the @theme directive in main.css
• Update CSS variables to match colors from Vanilla light and Byte dark

---

Refactor

• ⬜ Pending
• ✅ 🎨 Refactored
• ✅ Reviewed & refactor not needed

Components

Name	Status
accordion-container	✅
anchor	✅ 🎨
badge	✅ 🎨
blockquote	✅ 🎨
button	✅ 🎨
card	✅ 🎨
card-events	✅ 🎨
card-pricing	✅ 🎨
card-profile	✅
card-project	✅
card-testimonial	✅ 🎨
collapsible-section	✅ 🎨
cta	✅ 🎨
dropdown-menu	✅ 🎨
footer	✅ 🎨
group	✅ 🎨
heading	✅ 🎨
hero-billboard	✅
hero-blog	✅ 🎨
hero-side-by-side	✅ 🎨
icon	✅
image	✅
logo-grid	✅
navbar	✅ 🎨
section	✅ 🎨
text	✅ 🎨
tile-icon	✅ 🎨
tile-logo	✅ 🎨

---

Templates

Name	Status
block/block--system-branding-block	✅
includes/pager	✅
includes/preload	✅
layout/html	✅
layout/region	✅
navigation/breadcrumb	✅
navigation/menu--main	✅
navigation/menu--social	✅
navigation/menu	✅
navigation/pager	✅
views/views-mini-pager	✅
views/views-view-unformatted	✅
views/views-view	✅