/**
 * Main Stylesheet
 * This file imports all the design system styles in the correct order.
 * 
 * Import Order:
 * 1. Design tokens (CSS variables)
 * 2. Font definitions
 * 3. Typography system
 * 4. Color utilities
 * 5. Spacing and layout utilities
 * 6. Icon classes
 * 7. Advanced utilities (borders, shadows, transitions, etc.)
 */

/* ========================================================================
   1. DESIGN TOKENS - Foundation
   ======================================================================== */
@import './tokens.css';

/* ========================================================================
   2. FONTS - Font face definitions
   ======================================================================== */
@import './fonts.css';
@import './icons.css';

/* ========================================================================
   3. TYPOGRAPHY - Text styles and scales
   ======================================================================== */
@import './typography.css';

/* ========================================================================
   4. COLORS - Color utilities and semantic color tokens
   ======================================================================== */
@import './colors.css';

/* ========================================================================
   5. SPACING & LAYOUT - Margin, padding, flex, grid utilities
   ======================================================================== */
@import './spacing.css';
@import './layout.css';

/* ========================================================================
   6. ICON CLASSES - Icon definitions
   ======================================================================== */
@import './icons-classes.css';

/* ========================================================================
   7. UTILITIES - Advanced utilities (borders, shadows, transitions, etc.)
   ======================================================================== */
@import './utilities.css';
@import './premium-styles.css';