/* =============================================================
   PROJECT PLAYGROUND — Main CSS Entry Point
   Imports all partials in dependency order.
   This is the single file referenced by every HTML page.
   ============================================================= */

/* 1. Tokens (must be first — all others depend on these) */
@import 'tokens.css';

/* 2. Reset (normalize browser defaults using token vars) */
@import 'reset.css';

/* 3. Typography (heading scale, body copy, links) */
@import 'typography.css';

/* 4. Layout (section wrappers, containers, spacing utilities) */
@import 'layout.css';

/* 5. Components: Buttons */
@import 'components/buttons.css';

/* 6. Components: Navigation / Header */
@import 'components/nav.css';

/* 7. Components: Footer */
@import 'components/footer.css';

/* 8. Components: Hero section */
@import 'components/hero.css';

/* 9. Components: Cards, tiles, and section-specific elements */
@import 'components/cards.css';

/* 10. Components: Forms, form fields, event cards */
@import 'components/forms.css';

/* 11. Components: Projects map and cards */
@import 'components/projects.css';