/* Import organized CSS structure */

/* 0. Fonts (must be loaded first) */
@import './fonts.css';

/* 1. Theme system (includes base variables) */
@import './themes/theme.css';

/* 2. Utilities */
@import './utilities/spacing.css';
@import './utilities/typography.css';

/* 3. Components (in dependency order) */
@import './components/layout.css';
@import './components/forms.css';
@import './components/buttons.css';
@import './components/navigation.css';
@import './components/cards.css';
@import './components/camera.css';
@import './components/preloader.css';
@import './components/mud-dialog.css';

/* 4. Page-specific styles (reduced - common components moved to components/) */
@import './home.css';
@import './get-started.css';
@import './check-in.css';
@import './check-in-loader.css';
@import './take-photos.css';
@import './take-photos-camera.css';
@import './take-photos-picture.css';
@import './conclude.css';
@import './additional-details.css';
@import './additional-comments.css';
@import './uploading.css';
@import './thank-you.css';


/* Global app-specific styles */

/* MudBlazor overrides and global variables */
:root {
    --mud-zindex-popover: 1450;
    
    /* Override MudBlazor success color globally */
    --mud-palette-success: #06AC68 !important;
    --mud-palette-success-rgb: 6, 172, 104;
    --mud-palette-success-text: #ffffff;
    --mud-palette-success-darken: #058a56;
    --mud-palette-success-lighten: #4dc98a;
    
    /* Take photos */
    --take-photos-header-height: 94px;
    --take-photos-footer-height: 130px;
}

*:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* Mobile optimizations */
@media (max-width: 768px) {
    .mud-container {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}