/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');

/* 1. Base Styles (variables, themes, body) */
@import 'base.css';

/* 2. Layout (header, container, footer) */
@import 'layout.css';

/* 3. Reusable Components */
@import 'components/buttons.css';
@import 'components/forms.css';
@import 'components/cards.css';
@import 'components/modal.css';
@import 'components/memory-card.css';

/* 4. Page-Specific Styles */
@import 'pages/home.css';
@import 'pages/profile.css';
@import 'pages/about.css';
@import 'pages/dms.css';

#messages-area {
    display: flex;
    flex-direction: column-reverse;
}