/* ==========================================================================
   PixelsHR 2026 Refresh — Entry Point
   --------------------------------------------------------------------------
   Single bundled CSS file referenced by _head_css.cshtml. Imports the
   sub-files in cascade order:

     1. tokens.css        — design tokens (in @layer tokens)
     2. base.css          — modern reset + typography (in @layer base)
     3. components.css    — Bootstrap component restyles (unlayered)
     4. layout.css        — shell: topbar, sidebar, footer, page header
     5. pages.css         — hero page-specific styles (skeleton for now)

   Cascade strategy:
     - tokens + base are in @layer (low priority — easy to override).
     - components + layout + pages are unlayered (win over Bootstrap by
       source-order priority).
     - Bootstrap and Kendo's CSS load BEFORE this file via _head_css.cshtml
       <link> tags, so our rules take precedence.
   ========================================================================== */

@layer tokens, base;

@import url('./tokens.css');
@import url('./base.css');
@import url('./components.css');
@import url('./layout.css');
@import url('./pages.css');