@layer utilities {
    .no-scrollbar::-webkit-scrollbar {
        display: none;
    }

    .no-scrollbar {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
}

html {
    scroll-behavior: smooth;
}

/* Custom Selection Color if not covered by Tailwind config */
::selection {
    background-color: #dbeafe;
    /* brand-100 */
    color: #1d4ed8;
    /* brand-700 */
}