/* ============================================================================
   BEC ARABIA — ENTERPRISE THEME SYSTEM
   ============================================================================
   Microsoft Fluent Design System 2 Implementation
   Modular Architecture — Single Import Entry Point
   
   LAYER 1: Primitives    — Raw values (colors, sizes, fonts, motion)
   LAYER 2: Semantics     — Purpose-driven mappings (light + dark themes)
   LAYER 3: Foundations    — Global reset, base typography
   LAYER 4: Overrides     — Third-party component fixes (Syncfusion, Fluent UI)
   LAYER 5: Layout        — Global layout positioning (sidebar, header, content)
   LAYER 6: Shared        — Cross-module shared component styles
   ============================================================================ */

/* ── LAYER 1: Design Token Primitives ── */
@import url("tokens/_primitives.css");

/* ── LAYER 2: Semantic Token Mapping ── */
@import url("tokens/_semantic-light.css");
@import url("tokens/_semantic-dark.css");
@import url("tokens/_legacy-mappings.css");
@import url("tokens/_z-index.css");
@import url("tokens/_grid-dashboard.css");
@import url("tokens/_motion-extended.css");
@import url("tokens/_email-approval.css");

/* ── LAYER 3: Foundations ── */
@import url("foundations/_global-reset.css");

/* ── LAYER 4: Third-Party Overrides ── */
@import url("overrides/_fluent-web-fixes.css");
@import url("overrides/_syncfusion-responsive.css");
@import url("overrides/_toast-zindex.css");

/* ── LAYER 5: Global Layout Positioning ── */
/* Body class selectors & :has() require global scope (scoped CSS can't do this) */
@import url("foundations/_layout-global.css");

/* ── LAYER 6: Shared Component Styles ── */
/* Side Panel Wizard (sp-* classes) */
@import url("shared/_wizard-panel.css");
/* Competition / Leaderboard / Rankings */
@import url("shared/_competition.css");
/* Badges, Grid Helpers, Empty States */
@import url("shared/_badges-helpers.css");
/* Detail Panel & AI Profile (dp-* classes) */
@import url("shared/_detail-panel.css");
/* Toast Notification Styles */
@import url("shared/_toast-styles.css");