/* ========================================================================== 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. VARIABLES & DESIGN TOKENS ========================================================================== */ @import url('./variables.css'); /* ========================================================================== 2. BASE STYLES ========================================================================== */ @import url('./base.css'); /* ========================================================================== 3. COMPONENTS ========================================================================== */ @import url('./buttons.css'); @import url('./forms.css'); @import url('./cards.css'); @import url('./tables.css'); @import url('./badges-alerts.css'); /* ========================================================================== 4. LAYOUT & NAVIGATION ========================================================================== */ @import url('./navigation.css'); @import url('./modals.css'); /* ========================================================================== 5. FEATURE-SPECIFIC COMPONENTS ========================================================================== */ @import url('./pos.css'); /* ========================================================================== 6. UTILITIES (Always last) ========================================================================== */ @import url('./utilities.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: * */