/**
 * BASE
 * Foundational styles
 *
 * normalize:   reset the browsers
 * variables:   site-wide variables such as fonts, colors, widths, etc.
 * base:        styles are applied directly to element using an element selector
 * utilities:   styles that are not reflective of the application state
 * text:        universal text and content styles reside here
 *
 */
@import "normalize.css";
@import "./base/variables.css";
@import "./base/base.css";
@import "./base/links.css";
@import "./base/text.css";

/**
 * COMPONENTS
 * Discrete components of the page: such as navigation, alert dialogs, buttons, etc.
 * Any new feature or component will be added to this section.
 *
 * hero:         styles for .Hero section on hompage/lander
 * prism:        color theme for prism syntax highlighting (third-party)
 *
 */
@import "./components/anchor-links.css";
@import "./components/button.css";
@import "./components/header-footer.css";
@import "./components/hero.css";
@import "./components/markdown.css";
@import "./components/page.css";
@import "./components/prism.css";
@import "./components/sidebar.css";
@import "./components/video.css";

/**
 * LAYOUT
 * Determine how sections of the page are structured
 *
 * grid:   global Layout and Structure
 *
 */
@import "./layout/grid.css";

/**
 * STATES
 * Augment and override all other styles, such as whether an element
 * is expanded or collapsed, or if the element is in an error or active state
 *
 * active:   The active states for Nav links
 *
 */

@import "./states/active.css";

/* Utilities must always be last, so that they can override the above */
@import "./base/utilities.css";