/* ============================================
   MAIN STYLESHEET
   Imports all modular CSS files in correct order.
   Each element has its own dedicated CSS file with hardcoded colors.
   ============================================ */

/* 1. Reset, base styles, typography */
@import url("base.css");

/* 2. Dedicated element styles (hardcoded colors) */
/* Each element has its own dedicated CSS file */

@import url("elements/_progress.css");
@import url("elements/_timeline.css");
@import url("elements/_subscribe.css");
@import url("elements/_hero.css");
@import url("elements/_split-visuals.css");
@import url("elements/_cards.css");
@import url("elements/_content-section.css");
@import url("elements/_forms.css");
@import url("elements/_navbar.css");
@import url("elements/_footer.css");
@import url("elements/_spacer-divider.css");
@import url("elements/_images.css");
@import url("elements/_page-navigation.css");
@import url("elements/_centered-text.css");
@import url("elements/_photo-gallery.css");
@import url("elements/_cta-button.css");

/* 5. Mobile responsive overrides */
/* Loaded last so it can override desktop styles */
@import url("mobile.css");

/* END STYLESHEET */