/* Entry stylesheet. Everything is layered so that /branding.css (loaded after this file, unlayered)
   always overrides the token fallbacks, and screen styles can refine components without specificity wars.
   Every screen stylesheet of milestones 1 and 2 is already imported; feature work only edits its own file. */

@layer tokens, base, layout, components, world, screens, motion;

@import url("/css/tokens.css") layer(tokens);
@import url("/css/base.css") layer(base);
@import url("/css/layout.css") layer(layout);
@import url("/css/components.css") layer(components);
@import url("/css/world.css") layer(world);
@import url("/css/screens/home.css") layer(screens);
@import url("/css/screens/auth.css") layer(screens);
@import url("/css/screens/residents.css") layer(screens);
@import url("/css/screens/rooms.css") layer(screens);
@import url("/css/screens/settings.css") layer(screens);
@import url("/css/screens/audit.css") layer(screens);
@import url("/css/screens/misc.css") layer(screens);
@import url("/css/screens/rent.css") layer(screens);
@import url("/css/screens/eb.css") layer(screens);
@import url("/css/screens/expenses.css") layer(screens);
@import url("/css/screens/reports.css") layer(screens);
@import url("/css/screens/backup.css") layer(screens);
@import url("/css/screens/reminders.css") layer(screens);
@import url("/css/motion.css") layer(motion);