/************************************************************************************************
 *
 * Project:     Erebus | Admin Portal with OAuth to M365 Accounts
 * File:        /assets/css/master.css
 * Purpose:     Canonical CSS pipeline (single entry point importing all helper stylesheets)
 *
 ************************************************************************************************
 *
 * Contract:
 * - This is the ONLY CSS file linked from Erebus HTML/PHP surfaces.
 * - All other CSS lives in helper files and is imported here in a well-defined order.
 * - 00-tokens.css MUST be imported first so variables are available to all downstream files.
 * - Do not place component styles directly in this file; keep it to imports + high-level notes.
 *
 ************************************************************************************************
 *
 * @author      Christopher VanderReyden <Chris.VanderReyden@lakeshorelifestyle.co>
 * @copyright   2026 [Lakeshore Lifestyles Company, LLC]
 * @license     Apache 2.0 (https://opensource.org/licenses/Apache-2.0)
 * @version     1.1.0
 * @since       2026-01-29
 *
 ************************************************************************************************/

/* =============================================================================
   1) Core tokens and base primitives
   ----------------------------------------------------------------------------- 
   Order is critical:
   - 00-tokens.css defines theme + density variables.
   - 01-base.css applies reset and global element styling.
   - 02-layout.css defines container/grid/surfaces/typography utilities.
============================================================================= */

/* 00 – Theme tokens and global CSS variables */
@import url("00-tokens.css");

/* 01 – Base reset and global element styling */
@import url("01-base.css");

/* 02 – Layout primitives, panels, cards, and typography utilities */
@import url("02-layout.css");

/* 03 – Forms, tables, table wrappers, and toolbars */
@import url("03-forms-tables.css");

/* 04 – Buttons and small control primitives */
@import url("04-controls.css");

/* 05 – Global badge components (including header-scoped variants) */
@import url("05-badges.css");

/* 06 – Global pill system (tones + legacy tone aliases) */
@import url("06-pills.css");

/* =============================================================================
   2) Global shells: header, profile/avatar, links tiles, drag affordances
   ----------------------------------------------------------------------------- 
   These are safe to load before page-specific surfaces and can be reused.
============================================================================= */

/* 07 – Main navigation/header menus (UL/LI/A-based) */
@import url("07-menus.css");

/* 08 – Profile/photo components + shared avatar container */
@import url("08-profile.css");

/* 09 – Links tiles UI + shared link icon containers (and legacy services bridge) */
@import url("09-links.css");

/* 10 – Drag/drop affordances (pins, handles, draggable cards) */
@import url("10-drag.css");

/* =============================================================================
   3) Page / feature surfaces (admin, services, apps, elements, files, audit)
   ----------------------------------------------------------------------------- 
   These group styles by functional area. Namespaced files should avoid leaking.
============================================================================= */

/* 20 – Admin components + canonical utilities (panel headers, admin tables, etc.) */
@import url("20-admin.css");

/* 21 – Services tiles + services admin helpers (svcs namespace) */
@import url("21-svcs.css");

/* 22 – Apps admin UI (apps pills, etc.) */
@import url("22-apps.css");

/* 23 – Elements admin UI helpers (layout-only; pills use global .pill) */
@import url("23-elements.css");

/* 24 – Files hub (Microsoft 365 files surface) */
@import url("24-files.css");

/* 25 – Audit log filters + detail overlay */
@import url("25-audit.css");

/* =============================================================================
   4) Global system affordances (dev mode, toasts, message handler)
   ----------------------------------------------------------------------------- 
   These are cross-cutting overlays/toggles that sit above core surfaces.
============================================================================= */

/* 30 – Dev Mode toggle styling (header pill-aligned) */
@import url("30-devmode.css");

/* 31 – Global UI message handler (flash banners) */
@import url("31-msg-handler.css");

/* 32 – Global toast notifications */
@import url("32-erebus-toast.css");