/**
 * 1. We make all of our variables available which we also pull into our
 * components that need to use them. Doing this prevents TONS and TONS
 * of duplication from making it into our CSS
 *
 * 2. Our base is our core style guide where we setup our general typography
 * and styling for basic HTML elements. If we were to use no further CSS these
 * styles would be doing the magic
 *
 * 3. Lastly our `global` styling for pieces of CSS that we know will be used
 * time after time. We have reset and given a basic skin to our
 * forms in step 2, this allows for further customization at this level
 *
 *     ~ And that's our CSS Style Guide
 *
 */
@import './variables/index.css';

/* Work in progress */
@import './base/reset.css';
@import './base/base.css';
@import './base/fonts.css';

/* Ever growing */
@import './ui/index.css';