/* ========================================================================== Phoenix Cloud CSS Framework A custom CSS framework for Phoenix Cloud ERP System. Professional, trustworthy design with full RTL support. Version: 1.0.0 Author: Phoenix Cloud Development Team ========================================================================== */ /* * Import Order: * 1. Variables (design tokens, theme values) * 2. Base (reset, typography, root styles) * 3. Components (buttons, forms, cards, etc.) * 4. Layout (navigation, modals, structure) * 5. Feature-specific (POS, etc.) * 6. Utilities (helper classes - always last for override ability) */ /* ========================================================================== 1. CORE - Foundation styles ========================================================================== */ @import url('./framework/core/variables.css'); @import url('./framework/core/base.css'); @import url('./framework/core/utilities.css'); /* ========================================================================== 2. COMPONENTS - Reusable UI components ========================================================================== */ @import url('./framework/components/buttons.css'); @import url('./framework/components/forms.css'); @import url('./framework/components/cards.css'); @import url('./framework/components/tables.css'); @import url('./framework/components/badges-alerts.css'); /* ========================================================================== 3. LAYOUT & NAVIGATION ========================================================================== */ @import url('./framework/components/navigation.css'); @import url('./framework/components/modals.css'); /* ========================================================================== 4. FEATURE-SPECIFIC COMPONENTS ========================================================================== */ @import url('./app/pos.css'); /* ========================================================================== USAGE NOTES ========================================================================== */ /* * Theme Switching: * Add data-theme="light" or data-theme="dark" to element * * Density Modes: * Add data-density="compact", "comfortable", or "spacious" to element * * RTL Support: * Add dir="rtl" to element for Arabic/RTL layouts * All components use CSS logical properties automatically * * Example: * */