@charset "UTF-8";

/**
 * The paths below are set up to work ‘out of the box’ for the Origin docs.
 *
 * If you’re implementing Origin into a project, you’ll need to change these as
 * per your project structure.
 *
 * Don’t change the order of the files being imported.
 *
 * ‘Local’ files are those you’d copy into your project structure and reference.
 * ‘Global’ files are those you’d leave in `node_modules` and reference there.
 *
 * Full instructions for implementing Origin into a project are in the README:
 * https://github.com/fac/origin/blob/master/README.md
 */


/* UTILITIES & SETTINGS - The groundwork that Origin is built on
   ===========================================================================*/

/* LOCAL - Create local versions of these files in your project
   ---------------------------------------------------------------------------*/

/* Local: font settings — options for browser support and opentype */
@import "local/fonts/_font-settings";

/* Local: utility settings — which utilities to import into your project */
@import "local/utilities/_utility-settings";

/* Other Local Settings */
@import "local/fonts/_heading-settings";


/* GLOBAL - These paths should point to the files in Origin
   ---------------------------------------------------------------------------*/

/* Global: functions to handle fonts correctly based on font settings */
@import "global/fonts/_font-functions";

/* Global: load fonts for `@font-face` use */
@import "global/fonts/_source-sans-pro";

/* Global: import utilities */
@import "global/utilities/_utilities";

/* TOOLS & MIXINS - Useful tools for keeping our code DRY and consistent
   ===========================================================================*/

/* Mixins */
@import "mixins/_heading";


/* RESET - Resets the default browser styles to give us a consistent canvas
   ===========================================================================*/

/* Normalize: reset the browser's default styles */
@import "global/utilities/_normalize";


/* BASE - Unclassed HTML styles common to all our projects
   ===========================================================================*/

/* Local: base styles — copy file if implementing Origin into a project */
@import "local/base/_base";


/* COMPONENTS - Import the components used in this project
   ===========================================================================*/

/* Global: import any required components; comment out those not required */
@import "global/components/_grid";
@import "global/components/_block-grid";
@import "global/components/_navbar";
@import "global/components/_button";


/* PROJECT STYLES - Non-Origin styles and overrides specific to this project
   ===========================================================================*/

/* Docs styles — remove file reference if documentation styles aren’t needed */
@import "docs/_docs";