/* app.css */

/**
CONTEXT:
This file is used to generate dist/theme.css which is the css file the theme will enqueue when launched.
I'm compiling this locally by running -->   npm run css:build   <-- in terminal FROM THE THEME ROOT to
compile all these CSS files into a single minified file.

!! Before compiling, update the font references in css/core/typography.css from ../fonts/open-sans/ to ../../fonts/open-sans/

!! -->  Once launched, this will need to be handled differently.  <-- !!

You can switch between this separated version and the minified version by commenting/uncommenting the appropriate
lines in /inc/enqueue.php.
**/

/* Core */
@import url("core/tokens.css");
@import url("core/base.css");
@import url("core/layout.css");
@import url("core/typography.css");
@import url("core/accessibility.css");

/* Component specific */
@import url("components/nav.css");
@import url("components/buttons.css");
@import url("components/footer.css");
@import url("components/bullet-list.css");
@import url("components/icon-bullet-list.css");
@import url("components/forms.css");
@import url("components/lightbox.css");
@import url("components/links.css");
@import url("components/modal.css");
@import url("components/product.css"); /* for single-product.php */

/* Pattern specific */
@import url("patterns/section-header.css");
@import url("patterns/section-actions.css");
@import url("patterns/auto-grid.css");

/* Section specific */
@import url("sections/section-system.css");
@import url("sections/hero.css");
@import url("sections/customer-logos.css");
@import url("sections/customer-logos-wall.css");
@import url("sections/image-cards.css");
@import url("sections/heading-text.css");
@import url("sections/heading-text-image.css");
@import url("sections/secondary-nav.css");
@import url("sections/faq.css");
@import url("sections/hero-background.css");
@import url("sections/heading-text-horizontal.css");
@import url("sections/feature-cards.css");
@import url("sections/feature-cards-vertical.css");
@import url("sections/image-icons.css");
@import url("sections/reviews.css");
@import url("sections/icon-bullet-columns.css");
@import url("sections/cta-background.css");
@import url("sections/cta-simple.css");
@import url("sections/icon-list-gallery.css");
@import url("sections/video-bar.css");
@import url("sections/pricing-cards.css");
@import url("sections/pricing-feature-table.css");
@import url("sections/button-bar.css");
@import url("sections/add-on-tables.css");
@import url("sections/customer-logos-reviews.css");
@import url("sections/outcomes.css");
@import url("sections/icon-cards-vertical.css");
@import url("sections/timeline-html.css");
@import url("sections/image-cards-vertical.css");
@import url("sections/customer-stories.css");
@import url("sections/use-case-jump-nav.css"); /* only for use cases */
@import url("sections/use-case-section-heading.css"); /* only for use cases */
@import url("sections/use-case-software-cards.css"); /* only for use cases */

/* Template specific */
@import url("templates/consultation-form.css");
@import url("templates/legal-page.css");
@import url("templates/contact-page.css");

/* Plugins */
@import url("plugins/contact-form-7.css");