/* ═══════════════════════════════════════════════════════════════════════
   Yummaza Cloud — Theme Entry Point
   ───────────────────────────────────────────────────────────────────────
   The single stylesheet every PHP layout includes. Pulls in the
   modular theme files in their dependency order.

   All 34 modules are now Phase-rebuilt. Each file wraps its rules in
   the appropriate `@layer { … }` block internally — no `layer()` arg
   is needed on the imports anymore.

   Cascade order (lowest → highest priority):
     reset → tokens → base → layout → surfaces → components
            → state → overrides → utilities

   Phase map:
     Phase 1 (foundation):                 00–07
     Phase 2 (structure + interaction):    08–14
     Phase 3 (overlays + ERP screens):     15–21
     Phase 4 (operations + AI + reports):  22–28
     Phase 5 (motion + responsive + RTL
              + print + utilities):        29–34
   ═══════════════════════════════════════════════════════════════════════ */

/* ─── Phase 1 (foundation) ─────────────────────────────────────────── */
@import url('./00-root.css');                      /* declares @layer order */
@import url('./01-tokens-light.css');              /* @layer tokens         */
@import url('./02-tokens-dark.css');               /* @layer tokens         */
@import url('./03-tokens-semantic.css');           /* @layer tokens         */
@import url('./04-reset.css');                     /* @layer reset          */
@import url('./05-typography.css');                /* @layer base + utilities */
@import url('./06-layout.css');                    /* @layer layout         */
@import url('./07-navigation.css');                /* @layer components     */

/* ─── Phase 2 (structure + interaction) ────────────────────────────── */
@import url('./08-sidebar.css');                   /* @layer components     */
@import url('./09-public-pages.css');              /* @layer surfaces       */
@import url('./10-dashboard.css');                 /* @layer surfaces       */
@import url('./11-cards.css');                     /* @layer components     */
@import url('./12-buttons.css');                   /* @layer components     */
@import url('./13-forms.css');                     /* @layer components     */
@import url('./14-tables.css');                    /* @layer components     */

/* ─── Phase 3 (overlays + status + ERP screens) ───────────────────── */
@import url('./15-modals.css');                    /* @layer components     */
@import url('./16-dropdowns.css');                 /* @layer components     */
@import url('./17-alerts.css');                    /* @layer components     */
@import url('./18-badges.css');                    /* @layer components     */
@import url('./19-charts.css');                    /* @layer components     */
@import url('./20-pos.css');                       /* @layer surfaces       */
@import url('./21-kitchen-display.css');           /* @layer surfaces       */

/* ─── Phase 4 (operations + procurement + reporting + AI) ──────────── */
@import url('./22-table-orders.css');              /* @layer surfaces       */
@import url('./23-suppliers.css');                 /* @layer surfaces       */
@import url('./24-inventory.css');                 /* @layer surfaces       */
@import url('./25-owner-panel.css');               /* @layer surfaces       */
@import url('./26-ai-widgets.css');                /* @layer components     */
@import url('./27-reports.css');                   /* @layer surfaces       */
@import url('./28-vectors-bg.css');                /* @layer state          */

/* ─── Phase 5 (motion + responsive + RTL + print + utilities) ──────── */
@import url('./29-animations.css');                /* @layer state          */
@import url('./30-transitions.css');               /* @layer state          */
@import url('./31-responsive.css');                /* @layer overrides      */
@import url('./32-rtl.css');                       /* @layer overrides      */
@import url('./33-print.css');                     /* @layer overrides      */
@import url('./34-utilities.css');                 /* @layer utilities      */

/* ─── Phase 6 (console enhancements: sidebar/pagination/actions) ───── */
@import url('./35-console-enhancements.css');      /* @layer components     */

/* ─── Phase T2 — compat layer: legacy `--ys-color-*-rgb` aliases.
       Many older views reference these names; this file maps each to
       the canonical raw token so light/dark switching works without
       view edits. Also adds dashboard-specific helpers (period bar,
       department card, clickable chart card). ─────────────────────── */
@import url('./99-color-aliases.css');             /* @layer components     */


/* ─── Theme runtime hooks ──────────────────────────────────────────── */
:root {
  --ys-theme-fade: 280ms;
}
html {
  transition:
    background var(--ys-theme-fade) var(--ys-motion-easing-standard, ease-out),
    color var(--ys-theme-fade) var(--ys-motion-easing-standard, ease-out);
}
html.ys-theme-booting,
html.ys-theme-booting * { transition: none !important; }