/**
 * Modal backdrop frosting — the blur behind dialogs, drawers, sheets.
 *
 * The dimming scrim is Tailwind's `bg-overlay` (`--overlay`, a themed
 * `hsl(… / α)` token). Blur can't live in that color token (`--overlay` is a
 * color, blur is a filter), so we attach `backdrop-filter` to the SAME
 * `.bg-overlay` class every overlay already renders — no extra class, no
 * component churn, and host forks of Dialog that render `bg-overlay` directly
 * get the frost for free.
 *
 * Blur strength rides its own `--overlay-blur` variable (default in base.css) —
 * override it per theme/preset to make the backdrop crisper or softer, or set
 * it to `0px` to disable frosting entirely without touching the scrim color.
 *
 * Plain CSS (NOT a JIT-scanned Tailwind utility) so it compiles regardless of
 * which package's source the Tailwind content scan covers — same rationale as
 * `divider.css`.
 */

.bg-overlay {
  /* `--overlay-blur` defaults in base.css; a 0px value cleanly no-ops the blur. */
  backdrop-filter: blur(var(--overlay-blur, 0px));
  -webkit-backdrop-filter: blur(var(--overlay-blur, 0px));
}