/**
 * FiCore Africa - Unified CSS
 * Consolidated stylesheet for Business Finance application
 * Combines: base styles, navigation, profiles, icons, and enhancements
 * 
 * Last Updated: March 2026
 */

/* ============================================
   IMPORTS - Core Dependencies
   ============================================ */

/* Import base styles */
@import url('styles.css');
@import url('newbasefilelooks.css');

/* Import component-specific styles */
@import url('iconslooks.css');
@import url('profile_css.css');
@import url('navigation_enhancements.css');

/* Import feature-specific styles */
@import url('dark_mode_enhancements.css');
@import url('offline-styles.css');

/* Import page-specific styles */
@import url('newhomepagepersonal.css');
@import url('dashboard-notifications.css');
@import url('dashboard-realtime.css');
@import url('shopping.css');
@import url('tool-header-fix.css');

/* ============================================
   NOTES FOR FUTURE OPTIMIZATION
   ============================================ */

/**
 * TODO: Merge these files into sections within this file:
 * 
 * 1. BASE STYLES (from styles.css + newbasefilelooks.css)
 *    - Typography
 *    - Layout
 *    - Forms
 *    - Buttons
 * 
 * 2. COMPONENTS (from iconslooks.css + profile_css.css + navigation_enhancements.css)
 *    - Navigation
 *    - Sidebar
 *    - Cards
 *    - Modals
 *    - Icons
 *    - Profile elements
 * 
 * 3. FEATURES (from dark_mode_enhancements.css + offline-styles.css)
 *    - Dark mode variables and overrides
 *    - Offline state styling
 * 
 * 4. PAGES (from newhomepagepersonal.css + dashboard-*.css + shopping.css)
 *    - Home page specific
 *    - Dashboard specific
 *    - Shopping list specific
 * 
 * 5. UTILITIES (from tool-header-fix.css)
 *    - Helper classes
 *    - Fixes and patches
 */

/* ============================================
   CUSTOM ADDITIONS - Unified Enhancements
   ============================================ */

/* Smooth transitions for all interactive elements */
* {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

/* Ensure consistent box-sizing */
*, *::before, *::after {
    box-sizing: border-box;
}

/* Remove redundant focus outlines (accessibility maintained via other means) */
:focus-visible {
    outline: 2px solid var(--bs-primary);
    outline-offset: 2px;
}

/* ============================================
   END OF UNIFIED CSS
   ============================================ */