/**
 * =============================================
 * MAIN STYLESHEET
 * =============================================
 * 
 * This is the main CSS file that imports all
 * component stylesheets in the correct order.
 * 
 * Import order matters:
 * 1. Variables (design tokens)
 * 2. Fonts
 * 3. Reset
 * 4. Components
 */

/* Design Tokens */
@import url('./variables.css');

/* Fonts */
@import url('./fonts.css');

/* Reset & Base */
@import url('./reset.css');

/* Layout */
@import url('./components/layout.css');

/* Components */
@import url('./components/header.css');
@import url('./components/hero.css');
@import url('./components/section.css');
@import url('./components/colors.css');
@import url('./components/buttons.css');
@import url('./components/typography.css');
@import url('./components/logos.css');
@import url('./components/backgrounds.css');
@import url('./components/toast.css');
@import url('./components/footer.css');
@import url('./components/scrollbar.css');
@import url('./components/color-tools.css');