/* HD24 Interne Apps — globaler CSS-Einstieg. Seiten linken NUR diese Datei.
   Nichts anderes als @import hier hineinschreiben.

   Reihenfolge ist bedeutungstragend: erst die geteilten Primitiven der
   Shop-Ebene (Farbscales, Gewichte, 4px-Raster, Radien, Basis-Schatten,
   Kurven), dann die interne Semantik darüber. Wo ein Name doppelt vorkommt,
   gewinnt die interne Ebene. Das ist gewollt.

   Quelle der Wahrheit für jeden Zahlenwert ist css/token.css im Shop-Repo. */

/* Geteilter Kern. */
@import url("tokens/shop/colors.css");
@import url("tokens/shop/typography.css");
@import url("tokens/shop/spacing.css");
@import url("tokens/shop/effects.css");
@import url("tokens/shop/aliases.css");

/* Interne Ebene. */
@import url("tokens/colors.css");
@import url("tokens/typography.css");
@import url("tokens/spacing.css");
@import url("tokens/effects.css");
@import url("tokens/base.css");

/* Komponenten. ui.css ist der Kernbestand, die zwei anderen sind aus dem Shop
   portiert und kommen danach, damit sie im Zweifel gewinnen. */
@import url("components/ui.css");
@import url("components/ui-forms.css");
@import url("components/ui-grid.css");

/* Bewegungsrichtlinie, zwingend zuletzt. Begründung in der Datei. */
@import url("motion.css");