/* ===========================================================================
   Shared styles — single stylesheet entry point
   ---------------------------------------------------------------------------
   index.html links ONLY this file. Import order is significant:
     1. tokens       – CSS custom properties (must come first)
     2. base         – reset, document defaults, utilities
     3. components   – reusable design-system components
     4. layout       – application shell and responsive rules

   With native CSS @import each file remains independently editable while the
   page keeps a single <link>. Modules must not add their own <link> tags; if a
   module needs component CSS it belongs in components.css for reuse.
   =========================================================================== */

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