Semantik statt Klassen.

Markup beschreibt Struktur, nicht Optik. Statt class="row row-cols-3 g-3" einfach:

<div grid cols="3">
  <article card>…</article>
  <article card>…</article>
  <article card>…</article>
</div>

Ein Theme setzt Variablen und importiert dann die Basis — Bootstrap-!default-Mechanik, nichts Eigenes:

// theme-red.scss
$primary: #a5180b;
$border-radius: 0;
@import "site";

Darunter liegt unverändertes Bootstrap 5: Variablen, Dark Mode (data-bs-theme), Utilities und Komponenten bleiben voll nutzbar — die semantische Schicht liegt nur darüber.