/* Import Google Fonts - Modern fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;700;900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css");

/* Base styles */
@import 'base/variables.css';
@import 'base/typography.css';
@import 'base/layout.css';

/* Components */
@import 'components/navbar.css';
@import 'components/buttons.css';
@import 'components/cards.css';
@import 'components/forms.css';
@import 'components/tags.css';
@import 'components/divider.css';

/* Pages */
@import 'pages/home.css';
@import 'pages/portfolio.css';
@import 'pages/project-detail.css';
@import 'pages/blog.css';
@import 'pages/blog-detail.css';
@import 'pages/contact.css';
@import 'pages/about.css';