/**
 * SciTeX Cloud - Master Stylesheet
 *
 * Consolidated import of ALL stylesheets organized by architecture:
 * - base/: Foundation (reset, bootstrap overrides)
 * - primitives/: Design tokens (colors, typography, spacing, z-index)
 * - utilities/: Helper classes (effects, scrollbars, autofill)
 * - components/: UI elements (buttons, forms, cards, etc.)
 * - layouts/: Page structures
 *
 * This file is loaded globally in global_base.html for all pages.
 * Page-specific overrides can be added in app-specific CSS files.
 *
 * Last updated: 2025-11-06
 */

/* ========================================
   1. DESIGN TOKENS - MUST LOAD FIRST
   ======================================== */
@import url("primitives/variables.css");
@import url("primitives/colors.css");
@import url("primitives/typography-vars.css");

/* ========================================
   2. RESET & BASE STYLES
   ======================================== */
@import url("base/reset.css");
@import url("primitives/spacing.css");
@import url("utilities/effects.css");
@import url("primitives/z-index.css");
@import url("layouts/layout.css");
@import url("primitives/typography.css");

/* Utility Class Modules (refactored from monolithic utilities.css) */
@import url("utilities/utils/00-utilities.css");
@import url("utilities/utils/01-spacing.css");
@import url("utilities/utils/02-display.css");
@import url("utilities/utils/03-flexbox.css");
@import url("utilities/utils/04-grid.css");
@import url("utilities/utils/05-text.css");
@import url("utilities/utils/06-width-height.css");
@import url("utilities/utils/07-border.css");
@import url("utilities/utils/08-overflow.css");
@import url("utilities/utils/09-position.css");
@import url("utilities/utils/10-shadow.css");
@import url("utilities/utils/11-cursor.css");
@import url("utilities/utils/12-transition.css");
@import url("utilities/utils/13-responsive.css");

/* ========================================
   3. COMMON UI COMPONENTS
   ======================================== */
/* Form Elements */
@import url("components/forms/index.css");
@import url("utilities/autofill.css");
@import url("components/buttons/index.css");
@import url("components/buttons-dark.css");
@import url("components/button-cta.css");
@import url("components/toggles.css");
@import url("components/radios.css");
@import url("components/checkboxes.css");
@import url("components/select.css");
@import url("components/sliders.css");
@import url("components/file-upload.css");

/* Display Components */
@import url("components/cards.css");
@import url("components/badges.css");
@import url("components/tooltips.css");
@import url("components/tooltip-contents.css");
@import url("components/code-blocks.css");
@import url("components/terminal-log.css");
@import url("components/theme-cards.css");
@import url("components/panel-resizer.css");
@import url("components/resizer.css");
@import url("components/selector-nav.css");
@import url("components/collapsible-panel.css");
@import url("components/migration-cards.css");
@import url("utilities/scrollbars.css");
@import url("components/module-icons.css");

/* Layout & Specialized */
@import url("layouts/settings-layout.css");

/* ========================================
   4. PAGE COMPONENTS
   ======================================== */
@import url("components/logo.css");
@import url("components/footer.css");
@import url("components/navbar.css");
@import url("components/breadcrumb.css");
@import url("components/dropdown.css");
@import url("components/sidebar.css");
@import url("components/tabs.css");
@import url("components/features.css");
@import url("components/hero.css");
@import url("components/alerts.css");

/* Global Header CSS Modules (refactored from monolithic header.css) */
@import url("components/header/00-header.css");
@import url("components/header/01-container.css");
@import url("components/header/02-layout.css");
@import url("components/header/03-logo.css");
@import url("components/header/04-nav-icons.css");
@import url("components/header/05-search-bar.css");
@import url("components/header/06-navigation.css");
@import url("components/header/07-action-buttons.css");
@import url("components/header/08-theme-toggle.css");
@import url("components/header/09-icon-buttons.css");
@import url("components/header/10-user-menu.css");
@import url("components/header/11-dropdown-menu.css");
@import url("components/header/12-project-selector.css");
@import url("components/header/13-jump-buttons.css");
@import url("components/header/14-responsive.css");
@import url("components/header/15-visitor-badge.css");
@import url("components/header/16-search-modal.css");

@import url("utilities/background-patterns.css");

/* ========================================
   5. PAGE-SPECIFIC STYLES
   ======================================== */
/* Page-specific styles should be loaded in individual templates via extra_css block */
/* or placed in app-specific CSS files at: ./apps/xxx_app/static/xxx_app/css/ */