/* 
 * Starfish Design System - Main Import File
 * This file imports all modular CSS components in the correct order
 * Use this instead of starfish-design-system-complete.css
 */

/* Font Imports - Load fonts first */
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');

/* 01. Base Styles - Variables, reset, and typography must come first */
@import url('01-base/_variables.css');
@import url('01-base/_reset.css');
@import url('01-base/_typography.css');

/* 02. Layout - Grid system and structural components */
@import url('02-layout/_grid.css');
@import url('02-layout/_header.css');
@import url('02-layout/_layout.css');

/* 03. Components - Reusable UI components */
@import url('03-components/_button.css');
@import url('03-components/_cards.css');
@import url('03-components/_forms.css');
@import url('03-components/_data.css');
@import url('03-components/_map.css');
@import url('03-components/_material-icons.css');
@import url('03-components/_media.css');
@import url('03-components/_module.css');
@import url('03-components/_navigation.css');
@import url('03-components/_toast.css');
@import url('components/_modal-responsive.css');
/* @import url('03-components/_tomselect.css'); Disabled - replaced with StarfishSelect system */

/* 04. Utilities - Helper classes and responsive utilities */
/* Utilities */
@import '05-utilities/_display.css';
@import '05-utilities/_responsive.css';

/* 05. Pages - Page-specific styles are imported per template */
/* Note: Page-specific CSS should be imported individually in templates */
@import url('04-pages/_methods.css');