/* static/css/aisapiens.css
   Single entrypoint - load this file ONLY in templates

   LOAD ORDER MATTERS:
   1. Tokens (design variables used by everything else)
   2. Base (reset, element defaults)
   3. Components (reusable UI pieces)
   4. Layout (page structure)
   5. Utilities (u-*) - loaded AFTER components so atomic helpers win
      same-specificity ties. Example: .u-hidden { display:none } must beat
      .c-btn { display:inline-flex } when both have specificity 0,1,0.
   6. Applications (app-specific overrides, loaded last to win specificity)
*/

/* 1. Design Tokens (must be first) */
@import 'tokens.css';

/* 2. Reset and Base Elements */
@import 'base.css';

/* 3. Reusable Components */
@import 'components.css';

/* 4. Layout and Structure */
@import 'layout.css';

/* 5. Utilities (u-*, legacy aliases) - intentionally after components so
   same-specificity utility classes win the cascade tie. */
@import 'utilities.css';

/* 6. Application and Page-Specific Styles */
@import 'applications/_index.css';