/**
 * Medical Assistance Helper - Main Stylesheet
 * Modular CSS architecture for better maintainability
 * 
 * File Structure:
 * - base.css: Reset, typography, core variables
 * - layout.css: Grid systems, containers, section layouts
 * - header.css: Navigation bar and header elements
 * - buttons.css: All button styles
 * - cards.css: Card components
 * - forms.css: Form inputs and controls
 * - ai-widget.css: AI assistant widget styles
 * - components.css: Reusable UI components
 * - sections.css: Page-specific section styles
 * - responsive.css: Media queries and mobile styles
 */

/* Base Styles - Reset, typography, variables */
@import url('base.css');

/* Layout - Grid, containers, sections */
@import url('layout.css');

/* Header & Navigation */
@import url('header.css');

/* Components */
@import url('buttons.css');
@import url('cards.css');
@import url('forms.css');
@import url('components.css');

/* Features */
@import url('ai-widget.css');

/* Page Sections */
@import url('sections.css');

/* Responsive Design - Must be last to override */
@import url('responsive.css');

/* Utility Classes */
.bg-light {
    background-color: #f8f9fa;
}

.text-center {
    text-align: center;
}

.mt-1 { margin-top: 0.5rem; }
.mt-2 { margin-top: 1rem; }
.mt-3 { margin-top: 1.5rem; }
.mb-1 { margin-bottom: 0.5rem; }
.mb-2 { margin-bottom: 1rem; }
.mb-3 { margin-bottom: 1.5rem; }

.hidden {
    display: none;
}