/* ==========================================================================
   KodeshWay — Liquid Glass (web)
   CANONICAL SOURCE — sync via build/sync_design.sh. Do not hand-edit copies.

   .kw-glass    — translucent chrome (nav bars, sheets, floating controls).
                  Glass is for CHROME ONLY. Reading surfaces stay solid (.kw-card).
   Falls back to a solid surface when backdrop-filter is unsupported or the
   user prefers reduced transparency (mirrors iOS Reduce Transparency).
   ========================================================================== */

.kw-glass {
  background: var(--kw-glass-tint);
  -webkit-backdrop-filter: var(--kw-glass-blur);
  backdrop-filter: var(--kw-glass-blur);
  border: 1px solid var(--kw-glass-border);
  box-shadow: var(--kw-glass-highlight);
}

/* Scrim placed behind a glass surface presented over content (sheets/modals). */
.kw-scrim {
  background: var(--kw-scrim);
}

/* Opaque fallback — no backdrop-filter support */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .kw-glass {
    background: var(--kw-glass-solid);
  }
}

/* Opaque fallback — user prefers reduced transparency */
@media (prefers-reduced-transparency: reduce) {
  .kw-glass {
    background: var(--kw-glass-solid);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}