/* Material Design 3 theme overrides */

:root {
    --mud-palette-primary: #FF2A00;
    --mud-palette-primary-darken: #CC2200;
    --mud-palette-primary-lighten: #FF5533;
    --mud-palette-secondary: #FF8566;
    --mud-palette-background: #1d1f27;
    --mud-palette-surface: #252831;
    --mud-palette-surface-variant: #2d3039;
}

/* MudBlazor component overrides */
.mud-appbar {
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    box-shadow: 0 1px 0 rgba(255, 42, 0, 0.1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.mud-appbar.mud-appbar-dense {
    min-height: 72px;
}

.mud-card {
    background-color: var(--mud-palette-surface);
    border-radius: 16px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.mud-card:hover {
    background-color: var(--mud-palette-surface-variant);
}

.mud-paper {
    background-color: var(--mud-palette-surface);
}

.mud-paper-outlined {
    border-color: rgba(255, 255, 255, 0.12);
}

/* Button overrides */
.mud-button-root {
    border-radius: 12px;
    font-weight: 600;
    letter-spacing: 0.01em;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.mud-button-filled-primary {
    background-color: var(--mud-palette-primary);
    color: white;
    box-shadow: 0 4px 16px rgba(255, 42, 0, 0.3);
}

.mud-button-filled-primary:hover {
    background-color: var(--mud-palette-primary-lighten);
    box-shadow: 0 6px 24px rgba(255, 42, 0, 0.4);
    transform: translateY(-2px);
}

.mud-button-outlined-primary {
    border-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary);
    border-width: 2px;
}

.mud-button-outlined-primary:hover {
    background-color: rgba(255, 42, 0, 0.1);
    border-color: var(--mud-palette-primary-lighten);
    transform: translateY(-2px);
}

.mud-button-text-primary {
    color: var(--mud-palette-primary);
}

.mud-button-text-primary:hover {
    background-color: rgba(255, 42, 0, 0.08);
}

/* Chip overrides - Material Design 3 */
.mud-chip {
    font-weight: 600;
    border-radius: 8px;
    padding: 4px 12px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    font-size: 0.8125rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.mud-chip:hover {
    transform: scale(1.03);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}

.mud-chip-color-success {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    box-shadow: 0 2px 6px rgba(16, 185, 129, 0.3);
}

.mud-chip-color-primary {
    background: linear-gradient(135deg, #FF2A00 0%, #FF5533 100%);
    box-shadow: 0 2px 6px rgba(255, 42, 0, 0.3);
}

.mud-chip-color-info {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    box-shadow: 0 2px 6px rgba(59, 130, 246, 0.3);
}

.mud-chip-color-warning {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    box-shadow: 0 2px 6px rgba(245, 158, 11, 0.3);
}

.mud-chip-color-error {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    box-shadow: 0 2px 6px rgba(239, 68, 68, 0.3);
}

.mud-chip-color-secondary {
    background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
    box-shadow: 0 2px 6px rgba(139, 92, 246, 0.3);
}

/* Icon overrides */
.mud-icon-root {
    fill: currentColor;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Typography */
.mud-typography-h1,
.mud-typography-h2,
.mud-typography-h3,
.mud-typography-h4,
.mud-typography-h5,
.mud-typography-h6 {
    font-family: 'Roboto Flex', 'Roboto', sans-serif;
    font-weight: 700;
}

.mud-typography-h1 {
    font-weight: 900;
    letter-spacing: -0.02em;
}

.mud-typography-h2 {
    font-weight: 800;
    letter-spacing: -0.01em;
}

/* Elevation - Material Design 3 */
.mud-elevation-0 {
    box-shadow: none;
}

.mud-elevation-1 {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.15);
}

.mud-elevation-2 {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.15);
}

.mud-elevation-3 {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3), 0 8px 16px rgba(0, 0, 0, 0.15);
}

.mud-elevation-4 {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3), 0 12px 24px rgba(0, 0, 0, 0.15);
}

/* Avatar improvements */
.mud-avatar {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.mud-avatar img {
    object-fit: cover;
}

/* Image component */
.mud-image {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Navigation menu */
.mud-nav-link {
    border-radius: 8px;
    margin: 4px 8px;
}

.mud-nav-link:hover {
    background-color: rgba(255, 42, 0, 0.08);
}

.mud-nav-link-active {
    background-color: rgba(255, 42, 0, 0.12);
    color: var(--mud-palette-primary);
}

/* Drawer */
.mud-drawer {
    background-color: var(--mud-palette-surface);
}

/* Divider */
.mud-divider {
    border-color: rgba(255, 255, 255, 0.12);
}