/* ═══════════════════════════════════════════════════════════
   app.css  ·  cascade contract
   The only stylesheet index.html links to.
   Every other stylesheet is imported here, in layer order.
   Lower layer = lower priority, regardless of load order.
   ═══════════════════════════════════════════════════════════ */

@layer tokens, base, layout, components, cards, views, chrome, utilities;

/* layer order is declared above. imports below. */
@import url("./tokens.css")     layer(tokens);
@import url("./base.css")       layer(base);
@import url("./mobile.css")     layer(layout);
@import url("./desktop.css")    layer(layout);
@import url("./components.css") layer(components);
@import url("./cards.css")      layer(cards);
@import url("./product.css")    layer(views);
@import url("./order.css")      layer(views);
@import url("./track.css")      layer(views);
@import url("./cs-page.css")    layer(views);
@import url("./home.css")      layer(views);
@import url("./overlays.css")   layer(views);
@import url("./trust.css")      layer(chrome);
@import url("./chrome.css")     layer(chrome);
@import url("./bottom-nav.css") layer(chrome);