/*
===============================================================================================
Comet.css - Main Stylesheet
===============================================================================================
Purpose:
This is the main entry point for the Comet.css design system. It imports all the modular
CSS files in the correct order to ensure proper cascading and functionality.

Order of Imports:
1.  _reset.css: Base reset styles and default font family declarations for HTML elements.
2.  _core.css: Foundational styles, CSS custom properties, and design tokens.
3.  _layout.css: Utilities for display, positioning, insets, overflow, visibility,
                 z-index, and containers.
4.  _display.css: Display utilities (was _sizing.css in original comment).
5.  _spacing.css: Utilities for margin and padding.
6.  _typography.css: Styles for text, fonts, headings, links, and typographic elements.
7.  _appearance.css: Utilities for background, border, opacity, and shadows.
8.  _flexgrid.css: Utilities for Flexbox and CSS Grid layouts, including gaps.
9.  _interactivity.css: Utilities for cursor, user select, pointer events, and outlines.
10. _components.css: Styles for pre-built UI components like buttons, forms, cards, etc.
11. _responsive.css: Responsive breakpoint utilities, accessibility features, and
                     preference-based media queries.

-----------------------------------------------------------------------------------------------
Please maintain this order unless a specific change in cascade is intended.
===============================================================================================
*/

@import url("modules/_reset.css");
@import url("modules/_core.css");
@import url("modules/_layout.css");
@import url("modules/_display.css");
@import url("modules/_spacing.css");
@import url("modules/_typography.css");
@import url("modules/_appearance.css");
@import url("modules/_flexgrid.css");
@import url("modules/_interactivity.css");
@import url("modules/_components.css");
@import url("modules/_responsive.css");