/*
 * This injects Tailwind's base styles, which is a combination of
 * Normalize.css and some additional base styles.
 *
 * You can see the styles here:
 * https://github.com/tailwindcss/tailwindcss/blob/master/css/preflight.css
 *
 * If using `postcss-import`, you should import this line from it's own file:
 *
 * @import "./tailwind-preflight.css";
 *
 * See: https://github.com/tailwindcss/tailwindcss/issues/53#issuecomment-341413622
 *
 * Comment out if not using Tailwind
 */

@tailwind base;

// Configuration: Variables used across the project
@import 'configuration/settings';

// Tools: Mixins and functions used across the project, do not create any CSS output if not called
@import 'tools/mappy-breakpoints';
@import 'tools/svg-uri';
@import 'tools/create-separate-selectors';

// Utilities
@import 'utilities/visually-hidden';

// Generics: High level rules, think normalize.css – nothing project design specific
@import 'generic/reset';

// Elements: Styles that go directly on HTML elements, no classes or ids
@import 'elements/body';
@import 'elements/main';
@import 'elements/paragraph';
@import 'elements/link';
@import 'elements/headings';

// Objects
@import 'objects/container';
@import 'objects/hero-section';

// Components: Designed UI components
@import 'components/icon';
@import 'components/button';
@import 'components/skiplinks';
@import 'components/hero';
@import 'components/intro';
@import 'components/site-header';
@import 'components/overlay';
@import 'components/search';
@import 'components/main-navigation';
@import 'components/language-navigation';
@import 'components/main-menu';
@import 'components/meta-menu';
@import 'components/breadcrumb';

@tailwind utilities;
