/* ==========================================================================
   main.css
   7-1 CSS-Architektur — Einstiegspunkt
   Importiert alle geteilten Layer in der richtigen Kaskaden-Reihenfolge.

   Seitenspezifische Styles werden direkt in der jeweiligen HTML-Datei
   per <link> eingebunden:
     - css/pages/_index.css        → index.html
     - css/pages/_faq.css          → OpenModelBench FAQ.html
     - css/pages/_task-builder.css → task-builder.html
   ========================================================================== */

/* 1. Abstracts ─────────────────────────────── */
@import url("abstracts/_variables.css");

/* 2. Base ──────────────────────────────────── */
@import url("base/_reset.css");
@import url("base/_typography.css");

/* 3. Layout ────────────────────────────────── */
@import url("layout/_grid.css");
@import url("layout/_header.css");
@import url("layout/_footer.css");

/* 4. Components ────────────────────────────── */
@import url("components/_buttons.css");
@import url("components/_code.css");
@import url("components/_table.css");
@import url("components/_cards.css");
@import url("components/_forms.css");
@import url("components/_accordion.css");
@import url("components/_toast.css");


/* 6. Vendors ───────────────────────────────── */
/* Google Fonts werden pro Seite im HTML-Head geladen (nur FAQ benötigt sie) */