/* ============================================================================
   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)
   
   Original monolithic file backed up to: BEC_Theme_backup_20260208.css
   ============================================================================ */

/* ── 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");

/* ── 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");

/* ============================================================================
   NOTE ON DEPRECATED COMPONENTS:
   ~2,700 lines of custom BEC-Button/TextField/Checkbox/etc CSS classes were
   removed. They referenced undefined tokens and duplicated Syncfusion/Fluent
   components. Only UserProfileAdministration.razor used them.
   See: _deprecated-components.css for migration instructions.
   Full backup: BEC_Theme_backup_20260208.css
   ============================================================================ */