/* Custom Light Blue Theme for Auto Glazer */

/* Primary Blue Colors */
:root {
    --mud-palette-primary: #1976D2 !important;
    --mud-palette-primary-hover: #1565C0 !important;
    --mud-palette-primary-text: #FFFFFF !important;
    --mud-palette-primary-darken: #0D47A1 !important;
    
    /* Secondary Light Blue */
    --mud-palette-secondary: #42A5F5 !important;
    --mud-palette-secondary-hover: #2196F3 !important;
    --mud-palette-secondary-text: #FFFFFF !important;
    
    /* Tertiary Very Light Blue */
    --mud-palette-tertiary: #90CAF9 !important;
    --mud-palette-tertiary-hover: #64B5F6 !important;
    --mud-palette-tertiary-text: #FFFFFF !important;
    
    /* App Bar Background */
    --mud-palette-appbar-background: #1976D2 !important;
    --mud-palette-appbar-text: #FFFFFF !important;
    
    /* Background Colors */
    --mud-palette-background: #FAFAFA !important;
    --mud-palette-surface: #FFFFFF !important;
    --mud-palette-drawer-background: #FFFFFF !important;
    --mud-palette-drawer-text: #424242 !important;
    
    /* Status Colors */
    --mud-palette-success: #4CAF50 !important;
    --mud-palette-warning: #FF9800 !important;
    --mud-palette-error: #F44336 !important;
    --mud-palette-info: #2196F3 !important;
    
    /* Text Colors */
    --mud-palette-text-primary: #212121 !important;
    --mud-palette-text-secondary: #757575 !important;
    --mud-palette-text-disabled: #BDBDBD !important;
}

/* Override MudBlazor specific classes */
.mud-appbar {
    background-color: #1976D2 !important;
}

.mud-drawer {
    background-color: #FFFFFF !important;
}

.mud-drawer .mud-nav-link {
    color: #424242 !important;
}

.mud-drawer .mud-nav-link:hover {
    background-color: #E3F2FD !important;
    color: #1976D2 !important;
}

.mud-drawer .mud-nav-link.mud-nav-link-active {
    background-color: #1976D2 !important;
    color: #FFFFFF !important;
}

.mud-button-filled-primary {
    background-color: #1976D2 !important;
}

.mud-button-filled-primary:hover {
    background-color: #1565C0 !important;
}

.mud-button-filled-secondary {
    background-color: #42A5F5 !important;
}

.mud-button-filled-secondary:hover {
    background-color: #2196F3 !important;
}

.mud-chip-color-primary {
    background-color: #1976D2 !important;
    color: #FFFFFF !important;
}

.mud-chip-color-secondary {
    background-color: #42A5F5 !important;
    color: #FFFFFF !important;
}

.mud-text-primary {
    color: #1976D2 !important;
}

.mud-text-secondary {
    color: #42A5F5 !important;
}

/* Card and Paper styling */
.mud-paper {
    background-color: #FFFFFF !important;
    border: 1px solid #E0E0E0 !important;
}

.mud-card {
    background-color: #FFFFFF !important;
    border: 1px solid #E0E0E0 !important;
}

/* Form controls */
.mud-input-control .mud-input-root {
    border-color: #E0E0E0 !important;
}

.mud-input-control .mud-input-root:hover {
    border-color: #42A5F5 !important;
}

.mud-input-control .mud-input-root.mud-focused {
    border-color: #1976D2 !important;
}

/* Table styling */
.mud-table {
    background-color: #FFFFFF !important;
}

.mud-table .mud-table-head .mud-th {
    background-color: #F5F5F5 !important;
    color: #424242 !important;
}

.mud-table .mud-table-row:hover {
    background-color: #E3F2FD !important;
}

/* Dialog styling */
.mud-dialog {
    background-color: #FFFFFF !important;
}

.mud-dialog-title {
    color: #1976D2 !important;
}

/* Snackbar styling */
.mud-snackbar {
    background-color: #1976D2 !important;
    color: #FFFFFF !important;
}

/* Progress indicators */
.mud-progress-linear .mud-progress-linear-bar {
    background-color: #1976D2 !important;
}

.mud-progress-circular .mud-progress-circular-circle {
    stroke: #1976D2 !important;
}

/* Modern shadows and elevation */
.mud-elevation-1 {
    box-shadow: 0 2px 4px rgba(25, 118, 210, 0.1) !important;
}

.mud-elevation-2 {
    box-shadow: 0 4px 8px rgba(25, 118, 210, 0.15) !important;
}

.mud-elevation-3 {
    box-shadow: 0 6px 12px rgba(25, 118, 210, 0.2) !important;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    background: #1976D2;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #1565C0;
}