/* ============================================================
   PDA – Main CSS Entry Point
   Import order: variables → reset → typography → spacing →
                 layout → components → sections → pages → animations
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&family=Space+Mono:wght@400;700&display=swap');

/* Base */
@import './base/_variables.css';
@import './base/_reset.css';
@import './base/_typography.css';
@import './base/_spacing.css';

/* Layout */
@import './layout/_grid.css';
@import './layout/_header.css';
@import './layout/_footer.css';

/* Components */
@import './components/_buttons.css';
@import './components/_cards.css';
@import './components/_forms.css';
@import './components/_badges.css';

/* Sections */
@import './sections/_hero.css';
@import './sections/_services.css';
@import './sections/_packages.css';

/* Pages */
@import './pages/_home.css';

/* Animations */
@import './animations/_motion.css';