// Theme Chalk - Organized SCSS Structure
//
// This file imports all theme-chalk SCSS files in the proper order

// Core variables and functions
@import "common/var.scss";

// Mixins and utilities
@import "mixins/function.scss";
@import "mixins/mixins.scss";
@import "mixins/utils.scss";
@import "mixins/_button.scss";
@import "mixins/config.scss";

// Base styles
@import "common/reset.scss";
@import "common/base.scss";
@import "common/display.scss";
@import "common/transition.scss";

// Layout components
@import "layout/container.scss";
@import "layout/header.scss";
@import "layout/aside.scss";
@import "layout/main.scss";
@import "layout/footer.scss";
@import "layout/row.scss";
@import "layout/col.scss";

// Form components
@import "form/input.scss";
@import "form/input-number.scss";
@import "form/form.scss";
@import "form/form-item.scss";

// Button components
@import "components/button.scss";
@import "components/button-group.scss";

// Data display components
@import "data/table.scss";
@import "data/table-column.scss";
@import "data/card.scss";
@import "data/badge.scss";
@import "data/avatar.scss";
@import "data/image.scss";
@import "data/empty.scss";

// Feedback components
@import "feedback/alert.scss";
@import "feedback/message.scss";
@import "feedback/message-box.scss";
@import "feedback/notification.scss";
@import "feedback/loading.scss";
@import "feedback/spinner.scss";
@import "feedback/result.scss";

// Navigation components
@import "navigation/menu.scss";
@import "navigation/menu-item.scss";
@import "navigation/menu-item-group.scss";
@import "navigation/submenu.scss";
@import "navigation/tabs.scss";
@import "navigation/tab-pane.scss";
@import "navigation/breadcrumb.scss";
@import "navigation/breadcrumb-item.scss";
@import "navigation/dropdown.scss";
@import "navigation/dropdown-menu.scss";
@import "navigation/dropdown-item.scss";

// Component library components
@import "components/autocomplete.scss";
@import "components/calendar.scss";
@import "components/carousel.scss";
@import "components/carousel-item.scss";
@import "components/cascader.scss";
@import "components/cascader-panel.scss";
@import "components/checkbox.scss";
@import "components/checkbox-button.scss";
@import "components/checkbox-group.scss";
@import "components/collapse.scss";
@import "components/collapse-item.scss";
@import "components/color-picker.scss";
@import "components/date-picker.scss";
@import "components/descriptions.scss";
@import "components/descriptions-item.scss";
@import "components/dialog.scss";
@import "components/divider.scss";
@import "components/drawer.scss";
@import "components/icon.scss";
@import "components/infinite-scroll.scss";
@import "components/link.scss";
@import "components/option.scss";
@import "components/option-group.scss";
@import "components/page-header.scss";
@import "components/pagination.scss";
@import "components/popconfirm.scss";
@import "components/popover.scss";
@import "components/popper.scss";
@import "components/progress.scss";
@import "components/radio.scss";
@import "components/radio-button.scss";
@import "components/radio-group.scss";
@import "components/rate.scss";
@import "components/scrollbar.scss";
@import "components/select.scss";
@import "components/select-dropdown.scss";
@import "components/skeleton.scss";
@import "components/skeleton-item.scss";
@import "components/slider.scss";
@import "components/step.scss";
@import "components/steps.scss";
@import "components/switch.scss";
@import "components/tag.scss";
@import "components/time-picker.scss";
@import "components/time-select.scss";
@import "components/timeline.scss";
@import "components/timeline-item.scss";
@import "components/tooltip.scss";
@import "components/transfer.scss";
@import "components/tree.scss";
@import "components/upload.scss";

// Date picker components (complex component)
@import "../src/date-picker/picker.scss";
@import "../src/date-picker/picker-panel.scss";
@import "../src/date-picker/date-picker.scss";
@import "../src/date-picker/date-range-picker.scss";
@import "../src/date-picker/date-table.scss";
@import "../src/date-picker/month-table.scss";
@import "../src/date-picker/year-table.scss";
@import "../src/date-picker/time-picker.scss";
@import "../src/date-picker/time-range-picker.scss";
@import "../src/date-picker/time-spinner.scss";

// Common utility components
@import "components/backtop.scss";
@import "components/infiniteScroll.scss";

// Fonts
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap');

// Element icons font (placeholder - in real implementation would be actual font files)
@font-face {
  font-family: 'element-icons';
  src: url('../common/fonts/element-icons.woff') format('woff'),
       url('../common/fonts/element-icons.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: 'auto';
}
