/* ==========================================================================
   PAFFS UI - SHARED DESIGN SYSTEM MASTER ENTRYPOINT
   ==========================================================================
   
   HOW TO USE IN ANY PAFFS CLIENT APP:
   -----------------------------------
   1. Create a web-root symlink in your client's css directory:
      $ cd /home/dado/services/apps/PAFFS/clients/<your-app>/css
      $ ln -s '../../paffs-ui/css' paffs-ui
      $ ln -s '../../paffs-ui/fonts' fonts

   2. In your client's master stylesheet (e.g. styles.css), import the core library:
      @import url('css/paffs-ui/paffs-ui.css');

   3. (Optional) Add your app-specific layouts or view stylesheets after:
      @import url('css/layout.css');
      @import url('css/views.css');

   MODULE STRUCTURE:
   -----------------
   1. tokens.css        : Design variables, typography scale, light & dark themes
   2. base.css          : Box-sizing reset, global HTML font properties, focus rings
   3. primitives.css    : UI Primitives & Atoms (.btn, .badge, .input, .toast-notification)
   4. forms.css         : Backward-compatibility shim importing primitives.css
   5. components.css    : Composite Components (.session-card, .tab-bar, .timer-hero)
   6. accessibility.css : Screen reader utilities (.sr-only)
   ========================================================================== */

@import url('tokens.css');
@import url('base.css');
@import url('layout.css');
@import url('primitives.css');
@import url('components.css');
@import url('accessibility.css');
@import url('showcase.css');