/* PsychedTogether Main Stylesheet */
/* Import order matters - base styles first, then components, then pages, then responsive */

/* Base Styles - Foundation */
@import url('./base/variables.css');
@import url('./base/reset.css');

/* Components - Reusable UI Elements */
@import url('./components/header.css');
@import url('./components/search.css');
@import url('./components/post-card.css');
@import url('./components/comments.css');
@import url('./components/auth.css');
@import url('./components/modals.css');
@import url('./components/buttons.css');

/* Pages - Page-specific Layouts */
@import url('./pages/home.css');
@import url('./pages/discover.css');
@import url('./pages/profile.css');
@import url('./pages/resources.css');

/* Layout - Responsive Design and Media Queries */
@import url('./layout/responsive.css');