/*##############################
############ RESET #############
##############################*/
@import url(./reset.css);



/*##############################
########## TYPOGRAPHY ##########
##############################*/
@import url(./typograpghy/headings.css);
@import url(./typograpghy/links.css);
@import url(./typograpghy/paragraphs.css);



/*##############################
########## COMPONENTS ##########
##############################*/
@import url(./components/grid.css);
@import url(./components/bg.css);
@import url(./components/button.css);



/*##############################
########## HOME PAGE SECTIONS ##########
##############################*/
@import url(./sections/header.css);
@import url(./sections/intro.css);
@import url(./sections/experience.css);
@import url(./sections/tech.css);
@import url(./sections/guarantee.css);
@import url(./sections/services.css);
@import url(./sections/projects.css);
@import url(./sections/newsletter.css);
@import url(./sections/quote.css);
@import url(./sections/footer.css);

/*##############################
######## ABOUT PAGE SECTIONS ########
##############################*/
@import url(./sections/about/about-hero.css);
@import url(./sections/about/what-is.css);
@import url(./sections/about/team.css);
@import url(./sections/about/our-story.css);
@import url(./sections/about/cta.css);


/*##############################
######## ORDER PAGE SECTIONS ########
##############################*/
@import url(./sections/order/order-hero.css);
@import url(./sections/order/order-pricing.css);
@import url(./sections/order/order-form.css);

/*##############################
######## SERVICES PAGE SECTIONS ########
##############################*/
@import url(./sections/services/services-page.css);

:root {
    --header-link-clr: #608ac7;
    --accent-clr: #74c054;
    --accent-secondary-clr: #cd6d30;
    --accent-third-clr: #fe9801;
    --neutral-text-clr: #1b1b1b;
    --button-text-clr: #5d8cd0;
    --moto-text-clr: #fcfcfc;
    --neutral-secondary-clr: #949494;
}