/* ============================================================
 * main.css — Einstiegspunkt für das gesamte CSS
 *
 * Reihenfolge nach 7-1-Architektur:
 *   1. Abstracts  (Custom Properties, Mixins — kein Output)
 *   2. Base       (Reset, globale Typografie)
 *   3. Layout     (Container, Nav, Footer, Sections)
 *   4. Components (wiederverwendbare UI-Blöcke)
 *   5. Pages      (seitenspezifische Overrides, falls nötig)
 *   6. Themes     (Dark-Mode)
 * ============================================================ */

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

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

/* 3 · Layout */
@import url("layout/_container.css");
@import url("layout/_nav.css");
@import url("layout/_footer.css");
@import url("layout/_sections.css");

/* 4 · Components */
@import url("components/_buttons.css");
@import url("components/_project.css");
@import url("components/_post.css");
@import url("components/_expand.css");

/* 5 · Pages  — (leer, Platzhalter für seitenspezifisches CSS) */
@import url("pages/_home.css");
/* pages/_anfrage.css — nur in anfrage.html direkt verlinkt (nicht global) */

/* 6 · Themes */
@import url("themes/_dark.css");