/* ------------------------------------------------------------------------------------------------
 * Component Styles
 * ------------------------------------------------------------------------------------------------
 * CRITICAL: Import order matters for CSS specificity and style overrides.
 *
 * General Rule: Shared/primitive components MUST be imported FIRST, before components that use them.
 * This ensures that parent component styles can properly override shared component defaults.
 *
 * Organization: Components are grouped by their Storybook categories (Components/Category/Name)
 * to maintain consistency between documentation and implementation.
 * ------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------
 * Shared Components - MUST Import FIRST
 * ------------------------------------------------------------------------------------------------
 * These are used by multiple components and must be imported early to allow proper overrides.
 * ------------------------------------------------------------------------------------------------ */
@import "./close-button.css";
@import "./description.css";
@import "./error-message.css";
@import "./field-error.css";
@import "./label.css";

/* ------------------------------------------------------------------------------------------------
 * Navigation
 * ------------------------------------------------------------------------------------------------ */
@import "./accordion.css";
@import "./breadcrumbs.css";
@import "./disclosure-group.css";
@import "./disclosure.css";
@import "./link.css";
@import "./pagination.css";
@import "./tabs.css";

/* ------------------------------------------------------------------------------------------------
 * Buttons
 * ------------------------------------------------------------------------------------------------ */
@import "./button.css";
@import "./button-group.css";
@import "./toggle-button.css";
@import "./toggle-button-group.css";
@import "./toolbar.css";

/* ------------------------------------------------------------------------------------------------
 * Collections
 * ------------------------------------------------------------------------------------------------ */
@import "./dropdown.css";
@import "./list-box-item.css";
@import "./list-box-section.css";
@import "./list-box.css";
@import "./menu-item.css";
@import "./menu-section.css";
@import "./menu.css";
@import "./tag-group.css";
@import "./tag.css";

/* ------------------------------------------------------------------------------------------------
 * Colors
 * ------------------------------------------------------------------------------------------------ */
@import "./color-area.css";
@import "./color-picker.css";
@import "./color-slider.css";
@import "./color-swatch.css";
@import "./color-swatch-picker.css";
@import "./color-input-group.css";
@import "./color-field.css";

/* ------------------------------------------------------------------------------------------------
 * Controls
 * ------------------------------------------------------------------------------------------------ */
@import "./slider.css";
@import "./switch.css";
@import "./switch-group.css";

/* ------------------------------------------------------------------------------------------------
 * DataDisplay
 * ------------------------------------------------------------------------------------------------ */
@import "./badge.css";
@import "./chip.css";
@import "./table.css";

/* ------------------------------------------------------------------------------------------------
 * Feedback
 * ------------------------------------------------------------------------------------------------ */
@import "./alert.css";
@import "./empty-state.css";
@import "./skeleton.css";
@import "./meter.css";
@import "./progress-bar.css";
@import "./progress-circle.css";
@import "./spinner.css";
@import "./toast.css";

/* ------------------------------------------------------------------------------------------------
 * Forms
 * ------------------------------------------------------------------------------------------------ */
@import "./checkbox-group.css";
@import "./checkbox.css";
@import "./fieldset.css";
@import "./input-otp.css";
@import "./input.css";
@import "./input-group.css";
@import "./number-field.css";
@import "./radio-group.css";
@import "./radio.css";
@import "./textfield.css";
@import "./search-field.css";
@import "./textarea.css";

/* ------------------------------------------------------------------------------------------------
* Date & Time
* ------------------------------------------------------------------------------------------------ */
@import "./calendar.css";
@import "./range-calendar.css";
@import "./calendar-year-picker.css";
@import "./date-field.css";
@import "./time-field.css";
@import "./date-input-group.css";
@import "./date-picker.css";
@import "./date-range-picker.css";

/* ------------------------------------------------------------------------------------------------
 * Layout
 * ------------------------------------------------------------------------------------------------ */
@import "./card.css";
@import "./header.css";
@import "./separator.css";
@import "./surface.css";

/* ------------------------------------------------------------------------------------------------
 * Media
 * ------------------------------------------------------------------------------------------------ */
@import "./avatar.css";

/* ------------------------------------------------------------------------------------------------
 * Overlays
 * ------------------------------------------------------------------------------------------------ */
@import "./alert-dialog.css";
@import "./drawer.css";
@import "./modal.css";
@import "./popover.css";
@import "./tooltip.css";

/* ------------------------------------------------------------------------------------------------
 * Pickers
 * ------------------------------------------------------------------------------------------------ */
@import "./combo-box.css";
@import "./select.css";
@import "./autocomplete.css";

/* ------------------------------------------------------------------------------------------------
 * Typography
 * ------------------------------------------------------------------------------------------------ */
@import "./kbd.css";
@import "./typography.css";

/* ------------------------------------------------------------------------------------------------
 * Utilities
 * ------------------------------------------------------------------------------------------------ */
@import "./scroll-shadow.css";