/* ===========================================
SOUQ AL'ARD - MAIN GLOBAL STYLESHEET
===========================================
This is the main CSS file that imports all modular
components. Use this file as the primary stylesheet
for all pages.
Organization:
1. Base Styles (Variables, Reset, Typography)
2. Layout Components
3. UI Components
4. Page-Specific Styles (Import as needed)
Last Updated: March 2026
=========================================== */
/* =================== BASE STYLES =================== */
@import url('base/variables.css');
@import url('base/reset.css');
@import url('base/typography.css');
/* =================== LAYOUT =================== */
@import url('components/layout.css');
/* =================== COMPONENTS =================== */
@import url('components/navigation.css');
@import url('components/hero.css');
@import url('components/buttons.css');
@import url('components/cards.css');
@import url('components/footer.css');
@import url('components/tables.css');
@import url('components/forms.css');
@import url('components/gallery.css');
@import url('components/utilities.css');
@import url('components/chatbot.css');
/* ===========================================
USAGE NOTES:
For Housing Society Pages:
Include this global.css + the specific housing society CSS
Example for Bahria Enclave:
For Commercial Project Pages:
Include this global.css + the specific commercial project CSS
Example for Downtown Business Center:
For Property Detail Pages:
Include this global.css + the specific property type CSS
Example for Residential Plot:
=========================================== */