/* BEGLAIT Navigator · Einstieg der Produktflaeche

   Eine Datei, die jede Flaeche bindet. Sie legt die Reihenfolge der
   Schichten fest und holt die drei Stilblaetter darunter.

   Warum Schichten und nicht einfach die Reihenfolge der <link>: eine
   ungeschichtete Regel schlaegt jede geschichtete, egal wie spezifisch.
   Das Design-System kommt ungeschichtet aus dem Space und wuerde damit
   jede Korrektur im Rahmen ausschlagen, etwa die Schriftgroesse an h1.
   Ueber `layer(ds)` liegt es dort, wo es hingehoert: als Grundlage
   unter allem, was das Produkt darauf baut.

   Die Reihenfolge ist die des Prototyps: Design-System, Rahmen,
   Bauteile, Seiten. Die Seiten-Stilblaetter binden ihre eigene Datei und
   umschliessen sich selbst mit `@layer seiten`. */

@layer ds, rahmen, bauteile, seiten;

@import url('/static/css/fonts.css');
@import url('/static/ds/styles.css') layer(ds);
@import url('/static/css/rahmen.css') layer(rahmen);
@import url('/static/css/bauteile.css') layer(bauteile);
/* Die Bauteile des Premium-Layers (Scheibe B9). Eigene Datei statt Anhang an
   bauteile.css, damit der Bestand und die neuen Formen getrennt lesbar
   bleiben; dieselbe Schicht, deshalb entscheidet die Reihenfolge hier. */
@import url('/static/css/premium.css') layer(bauteile);