/**
 * main.css
 *
 * RESPONSIBILITY: Import coordinator - loads all CSS in correct order
 * MAX SIZE: 30 lines
 * DEPENDENCIES: All other CSS files
 *
 * CRITICAL: NEVER change import order! Each layer builds on previous.
 *
 * Last Modified: January 2025
 */

/* =============================================================================
   FOUNDATION LAYER - Variables must be first
   ============================================================================= */
@import '_variables.css';

/* =============================================================================
   RESET LAYER - Normalize browser defaults
   ============================================================================= */
@import '_reset.css';

/* =============================================================================
   BASE LAYER - Typography and global styles
   ============================================================================= */
@import '_typography.css';
@import '_utilities.css';

/* =============================================================================
   COMPONENTS LAYER - Reusable UI elements (imported when created)
   ============================================================================= */
@import 'components/buttons.css';
@import 'components/cards.css';
@import 'components/forms.css';
/* @import 'components/modals.css'; */
/* @import 'components/tables.css'; */
@import 'components/navigation.css';

/* =============================================================================
   PAGES LAYER - Page-specific layouts (imported when created)
   ============================================================================= */
/* @import 'pages/landing.css'; */
@import 'pages/discovery.css';
/* @import 'pages/dashboard.css'; */