@import "tailwindcss";

@theme inline {
    /* Colors */
    --color-background: #100b14;
    --color-foreground: #180161;
    --color-primary: #eb3779;
    --color-secondary: #571b8b;
    --color-accent: #fb793c;
    --color-text: #ebe4f1;
    --color-border: color-mix(in srgb, var(--color-text) 20%, transparent);
    --color-border-active: color-mix(in srgb, var(--color-text) 60%, transparent);

    /* Defaults */
    --default-transition-duration: 0.3s;

    /* Fonts */
    --font-sans: var(--font-lexend);
}

.scrollbar-hide {
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}