/* Glassy chrome — WEB + default theme only, so the animated backdrop shows
   through the sidebar + bottom nav. Reuses the theme-aware --os-glass-* tokens
   (frosted-white in light, frosted-dark in dark). Scoped tightly so the six
   "world" themes keep their bespoke sidebars and MAUI is never affected. */
html[data-host="web"][data-theme="default"] .side-nav--v2 {
    background: var(--os-glass-bg-strong);
    backdrop-filter: blur(var(--os-glass-blur));
    -webkit-backdrop-filter: blur(var(--os-glass-blur));
    border-right: 1px solid var(--os-glass-border);
    box-shadow: var(--os-shadow-md), var(--os-glass-highlight);
}

html[data-host="web"][data-theme="default"] .bottom-nav--v2 {
    background: var(--os-glass-bg-strong);
    backdrop-filter: blur(var(--os-glass-blur));
    -webkit-backdrop-filter: blur(var(--os-glass-blur));
    border-top: 1px solid var(--os-glass-border);
    box-shadow: var(--os-shadow-md), var(--os-glass-highlight);
}