/* ==========================================================================
   @ Settings
   All configuration variables
   ========================================================================== */
@import 'settings/typography';
@import 'settings/colours';
@import 'settings/animations';
@import 'settings/layout';

/* ==========================================================================
   @ Tools
   All mixins and functions
   ========================================================================== */
@import 'tools/mixins';
@import 'tools/typography';
@import 'tools/helpers';

/* ==========================================================================
   @ Generic
   Resets, normalize styles, box-sizing definitions
   ========================================================================== */
@import 'generic/normalize';
@import 'generic/global';

/* ==========================================================================
   @ Base
   Element styles, no classes or IDs. Base, raw elements definitions
   ========================================================================== */
@import 'base/typography';
@import 'base/forms';

/* ==========================================================================
   @ Objects
   ========================================================================== */
@import 'objects/animations';
@import 'objects/media';
@import 'objects/grid';

/* ==========================================================================
   @ Components
   The cosmetic and functional layer for all the components
   ========================================================================== */
@import 'components/ui';

/* ==========================================================================
   @ Helpers
   ========================================================================== */
@import 'helpers/colours';
@import 'helpers/fills';
@import 'helpers/text';
@import 'helpers/interactive';
@import 'helpers/layout';
@import 'helpers/disabled';
@import 'helpers/selected';
@import 'helpers/forms';
@import 'helpers/lists';
@import 'helpers/borders';

/* ==========================================================================
   @ Overrides
   Override other styles, use very sparingly. Color overrides, forced floats,
   and text alignment classes can go here
   ========================================================================== */
@import 'overrides/helpers';
@import 'overrides/tooltip';
@import 'overrides/modal';
@import 'overrides/popover';
@import 'overrides/dropdown';
@import 'tailwind-components';