/* ===========================================
   Global CSS - Main Entry Point

   This file imports all modular CSS files.
   The CSS architecture is organized as follows:

   1. Design Tokens (tokens.css) - Colors, typography, spacing
   2. Base (base.css) - Reset, body styles, utilities
   3. Layout (layout.css) - Header, navigation, main grid
   4. Components (components.css) - Buttons, forms, dropdowns
   5. Code (code.css) - Syntax highlighting
   6. Documentation (documentation.css) - Doc panels, TOC, tables
   7. Playground (playground.css) - Try page flow layout
   8. Pages - Page-specific styles:
      - home.css - Home/landing page
      - stdlib.css - Standard library page
      - about.css - About & blog pages
      - learn.css - Learn/tutorial page
   9. Responsive (responsive.css) - Mobile breakpoints
   =========================================== */

@import url('tokens.css');
@import url('base.css');
@import url('layout.css');
@import url('components.css');
@import url('code.css');
@import url('documentation.css');
@import url('playground.css');
@import url('pages/home.css');
@import url('pages/stdlib.css');
@import url('pages/about.css');
@import url('pages/learn.css');
@import url('responsive.css');