/* Design system a livelli (atomic design). L'ordine dei livelli decide la
   precedenza, non la specificità: una pagina può adattare un organismo senza
   selettori più pesanti, un'utilità vince su tutto. */
@layer foundations, atoms, molecules, organisms, templates, pages, utilities;

@import url('./styles/base.css') layer(foundations);
@import url('./styles/atoms.css') layer(atoms);
@import url('./styles/molecules.css') layer(molecules);
@import url('./styles/organisms.css') layer(organisms);
@import url('./styles/layout.css') layer(templates);
@import url('./styles/pages/editor.css') layer(pages);
@import url('./styles/pages/picker.css') layer(pages);
@import url('./styles/pages/suggestions.css') layer(pages);
@import url('./styles/pages/orders.css') layer(pages);
@import url('./styles/pages/imports.css') layer(pages);
@import url('./styles/pages/cancellations.css') layer(pages);
@import url('./styles/pages/supplies.css') layer(pages);
@import url('./styles/pages/messaging.css') layer(pages);
@import url('./styles/pages/design-system.css') layer(pages);
@import url('./styles/utilities.css') layer(utilities);