/* ========================================
   Alarq - Main Stylesheet
   Modular CSS Architecture
======================================== */

/* Base Styles - Must load first */
@import 'base/variables.css';
@import 'base/reset.css';
@import 'base/typography.css';

/* Layout */
@import 'layout/containers.css';

/* Components */
@import 'components/navigation.css';
@import 'components/buttons.css';
@import 'components/cards.css';
@import 'components/footer.css';

/* Utilities - Load last */
@import 'utilities/animations.css';
@import 'utilities/utilities.css';
@import 'utilities/mobile-overflow-fix.css';
@import 'utilities/scroll-to-top.css';
@import 'utilities/section-next-btn.css';
@import 'utilities/section-previous-btn.css';
@import 'utilities/whatsapp.css';

.fa, .fas, .fab {
    font-display: swap;
}