/*
  The one stylesheet every page loads. Order matters: tokens, reset and base styles, the shared
  components, the home sections, the shared blocks, the brand layer, and last the inner pages. Each inner page file
  is scoped by its own class prefix (.archive-, .epd-, .contact-, .partners-, .abt-, .privacy-, .blog-).
*/

@import url("base/fonts.css");
@import url("base/tokens.css");
@import url("base/reset.css");
@import url("base/type.css");
@import url("base/grid.css");
@import url("base/utilities.css");
@import url("base/themes.css");
@import url("base/buttons.css");
@import url("base/media.css");
@import url("base/inview.css");

/* Shared components */
@import url("components/header.css");
@import url("components/transition.css");
@import url("components/rail.css");
@import url("components/huge-caption.css");
@import url("components/form.css");
@import url("components/wysiwyg.css");

/* Home sections */
@import url("components/latest.css");
@import url("components/about.css");
@import url("components/themes.css");
@import url("components/people.css");
@import url("components/listen.css");
@import url("components/hero.css");
@import url("components/episode-card.css");      /* 02 More episodes and the episode card (also /episodes/ and episode pages) */
@import url("components/image-moment.css");
@import url("components/presented.css");
@import url("components/footer.css");

/* Shared blocks */
@import url("components/page-head.css");
@import url("components/support-note.css");
@import url("components/objects.css");           /* the 3D object renders: home 04 and the 404 page */

/* Brand layer: after every shared component, so it settles equal-specificity conflicts. */
@import url("base/brand.css");

/* Inner pages */
@import url("pages/episodes.css");               /* /episodes/ */
@import url("pages/episode.css");                /* /episodes/<slug>/ */
@import url("pages/contact.css");                /* /contact/ (the fields are components/form.css) */
@import url("pages/partners.css");               /* /partners/ */
@import url("pages/about.css");                  /* /about/ (the portraits are components/people.css) */
@import url("pages/privacy.css");                /* /privacy-policy/ (the text is components/wysiwyg.css) */
@import url("pages/not-found.css");              /* /404.html */
@import url("pages/blog.css");                   /* /blog/ and /blog/<slug>/ */