@import 'variables';

@tailwind base;
@tailwind components;
@tailwind utilities;

@import 'nprogress';

//$balloon-bg: var(--color-surface-1);
@import "~balloon-css/src/balloon";

.bf-blur {
    backdrop-filter: blur(2px) saturate(125%);
}

.bf-blur-high {
    backdrop-filter: blur(15px) saturate(125%);
}

.text-gradient {
    background: -webkit-linear-gradient(
            35deg,
            var(--color-primary),
            var(--color-success),
            var(--color-warning),
            var(--color-danger)
    );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
