/* ==========================================================================
   EZDine 樣式進入點
   --------------------------------------------------------------------------
   使用 CSS Cascade Layers 管理優先順序：寫在後面的層級一定覆蓋前面的層級，
   與選擇器權重、檔案載入順序無關，因此不需要 !important。

   vendor      第三方樣式（Bootstrap 5.3）
   tokens      與品牌無關的設計尺度：字級、間距、圓角、陰影…
   semantic    語意色：由主題色自動推導 hover / soft / border 等衍生色
   theme       品牌主題（themes/*.css，由版面依店家設定另外載入）
   bridge      把 Bootstrap 的 CSS 變數接到我們的 token
   base        HTML 元素預設樣式
   layout      頁面骨架（顧客手機版 / 商家平板版）
   components  可重用元件
   pages       單一頁面專屬調整
   utilities   少量工具類別

   ✅ 換主題：只改 themes/ 內的檔案，不要在元件裡寫死顏色。
   ✅ 新元件：在 components/ 新增檔案，並在下方 @import。
   ========================================================================== */

@layer vendor, tokens, semantic, theme, bridge, base, layout, components, pages, utilities;

@import url("../lib/bootstrap/css/bootstrap.min.css?v=0be3ae3") layer(vendor);

@import url("settings/tokens.css?v=0be3ae3") layer(tokens);
@import url("settings/semantic.css?v=0be3ae3") layer(semantic);
@import url("settings/bootstrap-bridge.css?v=0be3ae3") layer(bridge);

@import url("base/base.css?v=0be3ae3") layer(base);

@import url("layout/shop.css?v=0be3ae3") layer(layout);
@import url("layout/console.css?v=0be3ae3") layer(layout);

@import url("components/button.css?v=0be3ae3") layer(components);
@import url("components/card.css?v=0be3ae3") layer(components);
@import url("components/badge.css?v=0be3ae3") layer(components);
@import url("components/form.css?v=0be3ae3") layer(components);
@import url("components/menu-card.css?v=0be3ae3") layer(components);
@import url("components/category-tabs.css?v=0be3ae3") layer(components);
@import url("components/sheet.css?v=0be3ae3") layer(components);
@import url("components/choice-chip.css?v=0be3ae3") layer(components);
@import url("components/qty-stepper.css?v=0be3ae3") layer(components);
@import url("components/order-ticket.css?v=0be3ae3") layer(components);
@import url("components/progress-steps.css?v=0be3ae3") layer(components);
@import url("components/order-tracker.css?v=0be3ae3") layer(components);
@import url("components/checkout.css?v=0be3ae3") layer(components);
@import url("components/stat-card.css?v=0be3ae3") layer(components);
@import url("components/toast.css?v=0be3ae3") layer(components);
@import url("components/empty-state.css?v=0be3ae3") layer(components);
@import url("components/qr-card.css?v=0be3ae3") layer(components);
@import url("components/category-color.css?v=0be3ae3") layer(components);

@import url("pages/pos-board.css?v=0be3ae3") layer(pages);
@import url("pages/kds.css?v=0be3ae3") layer(pages);
@import url("pages/display.css?v=0be3ae3") layer(pages);
@import url("pages/system-dashboard.css?v=0be3ae3") layer(pages);
@import url("pages/inventory.css?v=0be3ae3") layer(pages);
@import url("pages/store-info.css?v=0be3ae3") layer(pages);
@import url("pages/menu-print.css?v=0be3ae3") layer(pages);
@import url("pages/help.css?v=0be3ae3") layer(pages);
@import url("pages/platform.css?v=0be3ae3") layer(pages);

@import url("utilities/utilities.css?v=0be3ae3") layer(utilities);