/* Main stylesheet - CSS variables and imports
   Refactored into modular files for better maintainability */

/* CSS Variables */
:root {
    --primary-color: #dc2626;
    --secondary-color: #991b1b;
    --accent-color: #ef4444;
    --success-color: #059669;
    --warning-color: #f59e0b;
    --error-color: #dc2626;
    --info-color: #0284c7;
    --text-dark: #0f172a;
    --text-light: #64748b;
    --bg-light: #f8fafc;
    --bg-dark: #7f1d1d;
   --bg-dark1: #100446;
    --white: #ffffff;
    --border-color: #e2e8f0;
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
}

/* Import modular stylesheets */
@import url('css/base.css');
@import url('css/layout.css');
@import url('css/components.css');
@import url('css/admin.css');
@import url('css/responsive.css');

/* removed: * { margin: 0; padding: 0; box-sizing: border-box; } - moved to css/base.css */
/* removed: body {} - moved to css/base.css */
/* removed: @keyframes fadeInUp {} - moved to css/base.css */
/* removed: header, nav, .top-bar, .logo, .nav-menu, .hero {} - moved to css/layout.css */
/* removed: .container, section, .section-header, footer {} - moved to css/layout.css */
/* removed: .mobile-menu-btn, .mobile-menu-overlay {} - moved to css/layout.css */
/* removed: .btn, .cards-grid, .card, .service-card {} - moved to css/components.css */
/* removed: .form-container, .form-group, .alert {} - moved to css/components.css */
/* removed: .carousel-container, .carousel-item {} - moved to css/components.css */
/* removed: .status-badge, .category-badge {} - moved to css/components.css */
/* removed: .admin-container, .admin-header, .admin-tabs, table {} - moved to css/admin.css */
/* removed: @media queries - moved to css/responsive.css */