/* ============================================================
   metro.css — the bundle every page links
   ------------------------------------------------------------
     <link rel="stylesheet" href="/ui/css/metro.css">
     <script type="module" src="/ui/js/metro.js"></script>

   Order matters: tokens first, base second, motion third. Every
   component file after that assumes all three are already in.
   ============================================================ */
@import url("metro.fonts.css");
@import url("metro.tokens.css");
@import url("metro.base.css");
@import url("metro.motion.css");
@import url("metro.shell.css");
@import url("metro.tiles.css");
@import url("metro.controls.css");
@import url("metro.pickers.css");
@import url("metro.panorama.css");
@import url("metro.pivot.css");
@import url("metro.lists.css");
@import url("metro.feedback.css");
@import url("metro.notifications.css");
@import url("metro.transport.css");
@import url("metro.grid.css");