/* ==============================================================================
   MULTISELECT COMPONENT — MAIN ENTRY POINT
   ==============================================================================
   Cascade layer order (later = higher priority):
     variables  — :host { --ms-* } declarations
     component  — base + feature rules
     overrides  — dark mode, framework themes, per-instance overrides

   Consumer override contract:
   - Any unlayered consumer rule beats every rule in these layers.
   - Any :root --base-* declaration beats the variables layer trivially.
*/

@layer variables, component, overrides;

/* === SKELETON + CANONICAL CONCERNS (Tier 1 + Tier 2) === */
@import url('./variables.css')      layer(variables);
@import url('./base.css')           layer(component);
@import url('./controls.css')       layer(component);
@import url('./floating.css')       layer(component);
@import url('./states.css')         layer(component);
@import url('./animations.css')     layer(component);

/* === COMPONENT-SPECIFIC FEATURES (Tier 3 — alphabetized) === */
@import url('./badges.css')         layer(component);
@import url('./count-display.css')  layer(component);
@import url('./debug.css')          layer(component);
@import url('./options.css')        layer(component);
@import url('./rtl.css')            layer(component);
@import url('./tree.css')           layer(component);

/* === OVERRIDES === */
@import url('./dark-mode.css')      layer(overrides);