/**
 * OFO Development - Main CSS
 * Main stylesheet that imports all other stylesheets in the correct order
 */

/* Vendors - Third-party CSS */
@import 'vendors/normalize.css';

/* Utils - Variables, mixins, and utility functions */
@import 'utils/variables.css';
@import 'utils/mixins.css';

/* Base - Core styles and defaults */
@import 'base/reset.css';
@import 'base/typography.css';
@import 'base/styles.css'; /* Tailwind utilities */

/* Components - Reusable UI components */
@import 'components/components.css';
@import 'components/additional-styles.css';

/* Pages - Page-specific styles */
/* These are loaded dynamically based on the current page */
/* Example: */
/* @import 'pages/home.css'; */
/* @import 'pages/about.css'; */
/* @import 'pages/services.css'; */