/*
 * Monochrome Edge UI Components
 * Main CSS File - Imports all components and utilities
 * Both themes are loaded - use data-theme-variant="warm" or "cold" to switch
 */

/* Base Reset and Theme Application */
@import "./base/reset.css";
@import "./base/responsive.css";

/* Base Tokens - Both themes loaded with different selectors */
@import "./tokens/warm-theme.css";
@import "./tokens/cold-theme.css";

/* Typography Utilities */
@import "./atoms/typography.css";

/* Color System */
@import "./atoms/colors.css";

/* Atoms */
@import "./atoms/button.css";
@import "./atoms/input.css";
@import "./atoms/label.css";
@import "./atoms/icon.css";
@import "./atoms/icon-button.css";
@import "./atoms/landscape.css";
@import "./atoms/badge.css";
@import "./atoms/spinner.css";
@import "./atoms/component-type-tag.css";
@import "./atoms/breadcrumb.css";

/* Molecules */
@import "./molecules/card.css";
@import "./molecules/form-group.css";
@import "./molecules/dropdown.css";
@import "./molecules/icon-button-toggle.css";
@import "./molecules/language-toggle.css";
@import "./molecules/search-bar.css";
@import "./molecules/search-bar-mobile.css";
@import "./molecules/search-bar-flex.css";
@import "./molecules/search-toolbar.css";
@import "./molecules/search-input.css";
@import "./molecules/nav-item.css";
@import "./molecules/toast.css";
@import "./molecules/tab.css";
@import "./molecules/callout.css";
@import "./molecules/article-card.css";
@import "./molecules/article-list.css";
@import "./molecules/project-card.css";
@import "./molecules/toc-hover-card.css";
@import "./molecules/toc-collapsible.css";
@import "./molecules/changelog.css";
@import "./molecules/tree-view.css";
@import "./molecules/math-renderer.css";

/* Organisms */
@import "./organisms/header.css";
@import "./organisms/sidebar.css";
@import "./organisms/modal.css";
@import "./organisms/data-table.css";
@import "./organisms/toolbar.css";
@import "./organisms/footer.css";
@import "./organisms/timeline.css";
@import "./organisms/graph-view.css";

/* Templates */
@import "./templates/warm-layout.css";
@import "./templates/cold-layout.css";
@import "./templates/blog-layout.css";

/* Utilities */
@import "./utilities/spacing.css";
@import "./utilities/flex.css";
@import "./utilities/grid.css";

/* New Components */
@import "./components/modal/modal.css";
@import "./components/toast/toast.css";
@import "./components/tabs/tabs.css";
@import "./components/tabs/file-tabs.css";
@import "./components/accordion/accordion.css";
@import "./components/progress/progress.css";
@import "./components/stepper/stepper.css";
@import "./components/command/command.css";
@import "./components/tree/tree.css";
@import "./components/dropdown/dropdown.css";
@import "./components/search-bar/search-bar.css";
@import "./components/search-toolbar/search-toolbar.css";
@import "./components/tree-view/tree-view.css";
@import "./components/graph-view/graph-view.css";
@import "./components/math-renderer/math-renderer.css";