/**
 * ITCSS Methodology
 * Organized in layers from generic to specific, low to high specificity
 * https://www.xfive.co/blog/itcss-scalable-maintainable-css-architecture/
 */

/*
 * SETTINGS
 * Global variables, config switches
 */
@import './settings/fonts.css';
@import './settings/variables.css';
@import './settings/print.css';

/*
 * GENERIC
 * Reset, normalize, box-sizing, etc.
 */
@import './generic/normalize.css';
@import './generic/resets.css';
@import './generic/box-sizing.css';

/*
 * ELEMENTS
 * Styling for bare HTML elements
 */
@import './elements/body.css';
@import './elements/typography.css';

/*
 * OBJECTS
 * Design patterns, no cosmetics, reusable pieces
 */
@import './objects/layout.css';
@import './objects/grid.css';

/*
 * COMPONENTS
 * UI specific components, designed pieces
 */
@import './components/buttons.css';
@import './components/icons.css';
@import './components/link.css';
@import './components/select.css';
@import './components/status.css';
@import './components/form.css';
@import './components/table-options.css';
@import './components/tabs.css';
@import './components/overlay.css';
/*
 * UTILITIES
 * Helpers, overrides
 */
@import './utilities/spacing.css';
@import './utilities/pill.css';
@import './utilities/highlight.css';
@import './utilities/rte.css';
/*
     * FIGMA LINK
 * Styling for the Figma link component
 */
@import './figma-link.css';