/* ==========================================
   LIGHT MODE GLASSMOPHISM (GLOBAL OVERRIDES)
   ========================================== */
.mud-theme-light {
    /* --- Core Structural Elements --- */
    .mud-paper:not(.mud-paper-outlined),
    .mud-card,
    .mud-drawer,
    .mud-appbar,
    /* --- Popups, Overlays & Pickers --- */
    .mud-dialog,
    .mud-popover,
    .mud-menu,
    .mud-picker,
    /* --- Feedback & Lists --- */
    .mud-alert,
    .mud-list,
    .mud-navmenu {
        background-color: rgba(255, 255, 255, 0.4) !important;
        backdrop-filter: blur(20px) saturate(180%) !important;
        -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
        border: 1px solid rgba(255, 255, 255, 0.25) !important;
        /* Optional: Smooth transition when changing states */
        transition: background-color 0.3s ease, backdrop-filter 0.3s ease;
    }
    /* Fixing Nested Elements (Double Blur & Inverted Text Fixes) */
    .mud-card-header, .mud-card-content, .mud-card-actions,
    .mud-dialog-title, .mud-dialog-content, .mud-dialog-actions {
        background-color: transparent !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }
}

/* ==========================================
   DARK MODE GLASSMOPHISM (GLOBAL OVERRIDES)
   ========================================== */
.mud-theme-dark {
    /* --- Core Structural Elements --- */
    .mud-paper:not(.mud-paper-outlined),
    .mud-card,
    .mud-drawer,
    .mud-appbar,
    /* --- Popups, Overlays & Pickers --- */
    .mud-dialog,
    .mud-popover,
    .mud-menu,
    .mud-picker,
    /* --- Feedback & Lists --- */
    .mud-alert,
    .mud-list,
    .mud-navmenu {
        background-color: rgba(30, 30, 30, 0.45) !important;
        backdrop-filter: blur(25px) saturate(200%) !important;
        -webkit-backdrop-filter: blur(25px) saturate(200%) !important;
        border: 1px solid rgba(255, 255, 255, 0.08) !important;
    }

    /* Fixing Nested Elements in Dark Mode */
    .mud-card-header, .mud-card-content, .mud-card-actions,
    .mud-dialog-title, .mud-dialog-content, .mud-dialog-actions {
        background-color: transparent !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }
}

/* ==========================================
   ACCESSIBILITY & CONTRAST TWEAKS
   ========================================== */
/* Ensure text stands out sharply against blurred backgrounds */
.mud-typography {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.mud-theme-dark .mud-typography {
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

/* Remove harsh default material elevation shadows that break the fluid glass look */
.mud-elevation-1, .mud-elevation-2, .mud-elevation-3, .mud-elevation-4,
.mud-elevation-6, .mud-elevation-8, .mud-elevation-25 {
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08) !important;
}