/**
 * Collabstr Design System
 * =======================
 *
 * This is the main entry point for the design system.
 * Import this file to get all design system styles.
 *
 * Usage in Django templates:
 * <link rel="stylesheet" href="{% static 'igmarketplace/design-system/main.css' %}">
 *
 * Or import specific parts as needed:
 * @import './tokens/_colors.css';
 * @import './components/buttons/_button.css';
 *
 * Structure:
 * 1. Tokens     - Design tokens (colors, typography, spacing, etc.)
 * 2. Foundations - Base styles and utilities
 * 3. Layouts    - Grid systems, containers, flexbox utilities
 * 4. Components - Reusable UI components
 */

/* ==========================================================================
   TOKENS
   Design tokens define the visual language: colors, typography, spacing, etc.
   These MUST be loaded first as other files depend on them.
   ========================================================================== */

@import './tokens/_index.css';

/* ==========================================================================
   FOUNDATIONS
   Base styles and CSS reset. These establish baseline styling.
   ========================================================================== */

@import './foundations/_index.css';

/* ==========================================================================
   LAYOUTS
   Grid systems, containers, and layout utilities.
   ========================================================================== */

@import './layouts/_index.css';

/* ==========================================================================
   COMPONENTS
   Reusable UI components.
   ========================================================================== */

@import './components/_index.css';