/* Frosted Glass — frst-bg
 *
 * Apply alongside bg-bx to replace the solid inner-theme background with
 * a semi-transparent frosted glass surface.
 *
 * Works in any color context — the glass tint derives from --text-color,
 * so it automatically adapts when used with lk-bg or ulk-bg.
 *
 * Overrideable vars (set on the element or a parent):
 *   --frst-bg-clr  — color channel source  (default: --text-color)
 *   --frst-bg-o    — background opacity     (default: 0.07)
 *   --frst-bdr-o   — border opacity         (default: 0.15)
 *   --frst-blur    — backdrop blur amount   (default: 12px)
 */

.bg-bx.frst-bg {
    --frst-bg-clr: var(--inner-theme);
    --frst-bg-o:   0.5;
    --frst-blur:   12px;

    background-color:        hsl(from var(--frst-bg-clr) h s l / var(--frst-bg-o));
    border:                  1px solid hsl(from var(--bdr-clr, var(--text-color)) h s l / var(--bdr-clr-o));
    backdrop-filter:         blur(var(--frst-blur));
    -webkit-backdrop-filter: blur(var(--frst-blur));

    &.blk-bg
    {
        --frst-bg-clr: var(--black);
    }
}