/* ==========================================================================
   HAUPT-STYLESHEET · apiro Stage
   --------------------------------------------------------------------------
   Diese Datei lädt alle anderen CSS-Dateien in der richtigen Reihenfolge.
   In den HTML-Seiten wird NUR diese eine Datei eingebunden.

   Reihenfolge nach Atomic Design (wichtig! später überschreibt früher):

     01 TOKENS     Farben, Schriften, Abstände   (die "Rohstoffe")
     02 BASE       Grundstil des Dokuments
     03 ATOMS      kleinste Bausteine            (Button, Feld, Überschrift)
     04 MOLECULES  Atome kombiniert              (Karte, Formularfeld)
     05 ORGANISMS  ganze Abschnitte              (Header, Hero, Footer)
     06 TEMPLATES  Seitengerüst und Raster
     07 UTILITIES  kleine Helfer, dürfen alles überschreiben

   Neue Komponente hinzufügen: Datei im passenden Ordner anlegen und hier
   unten in der jeweiligen Gruppe eine Zeile ergänzen.
   ========================================================================== */

/* 01 · TOKENS ------------------------------------------------------------- */
@import url("01-tokens/colors.css");
@import url("01-tokens/typography.css");
@import url("01-tokens/spacing.css");
@import url("01-tokens/effects.css");

/* 02 · BASE --------------------------------------------------------------- */
@import url("02-base/reset.css");
@import url("02-base/base.css");

/* 03 · ATOME -------------------------------------------------------------- */
@import url("03-atoms/heading.css");
@import url("03-atoms/text.css");
@import url("03-atoms/button.css");
@import url("03-atoms/link.css");
@import url("03-atoms/badge.css");
@import url("03-atoms/input.css");
@import url("03-atoms/icon.css");
@import url("03-atoms/logo.css");
@import url("03-atoms/media.css");
@import url("03-atoms/placeholder.css");
@import url("03-atoms/spectrum.css");

/* 04 · MOLEKÜLE ----------------------------------------------------------- */
@import url("04-molecules/form-field.css");
@import url("04-molecules/card.css");
@import url("04-molecules/feature.css");
@import url("04-molecules/testimonial.css");
@import url("04-molecules/accordion.css");
@import url("04-molecules/nav.css");
@import url("04-molecules/lang-switch.css");
@import url("04-molecules/production-card.css");
@import url("04-molecules/team-member.css");
@import url("04-molecules/news-card.css");

/* 05 · ORGANISMEN --------------------------------------------------------- */
@import url("05-organisms/site-header.css");
@import url("05-organisms/site-footer.css");
@import url("05-organisms/hero.css");
@import url("05-organisms/page-header.css");
@import url("05-organisms/section.css");
@import url("05-organisms/contact-form.css");

/* 06 · TEMPLATES ---------------------------------------------------------- */
@import url("06-templates/layout.css");

/* 07 · UTILITIES ---------------------------------------------------------- */
@import url("07-utilities/utilities.css");