const overlayTheme = {
    /** Full-screen backdrop with blur */
    backdrop: "fixed inset-0 bg-[var(--overlay-bg)] z-50 ",
    // backdrop-blur-[var(--overlay-blur)]
    /** Dots / pattern layer behind content */
    pattern: "absolute inset-0 w-full h-full z-0 pointer-events-none",
    /** Content wrapper (sits above pattern) */
    content: "relative z-10",
};
/**
 * Position variant classes for overlay content placement.
 */
const overlayPositionVariants = {
    center: "flex items-center justify-center",
    top: "flex items-start justify-center px-4",
    bottom: "flex items-end justify-center px-4",
    left: "flex items-center justify-start",
    right: "flex items-center justify-end",
    none: "",
};

export { overlayPositionVariants, overlayTheme };
