/* ==========================================================================
   main.css — bündelt alle Stylesheets. Einziges <link> im <head>.

   Reihenfolge ist bewusst gewählt:
     1 tokens      Variablen, von allen anderen genutzt
     2 base        Reset, Schrift, Grundtypografie
     3 utilities   Abstände, Container, Raster
     4 components  Buttons, Karten, Wellen, Gold-Akzente …
     5 sections    Kopf, Hero, Leistungen, Fuß …

   Für den Produktivbetrieb können die fünf Dateien zu einer
   zusammengefasst werden; die @import-Kette spart im Aufbau
   jedoch Zeit und hält die Zuständigkeiten sauber getrennt.
   ========================================================================== */

@import url('tokens.css');
@import url('base.css');
@import url('utilities.css');
@import url('components.css');
@import url('sections.css');