@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';

@import 'blazor.css';
@import 'prism.css';
@import 'fonts.css';

.dark {
    color-scheme: dark;
}

html {
    height: 100%;
}

body {
    min-height: 100%;
}

@layer utilities {
    .bordered-link {
        @apply font-semibold leading-tight text-current border-b border-current hover:border-b-2;
    }

    .scrollbar {
        @apply scrollbar:h-2 scrollbar:w-2 scrollbar-thumb:rounded scrollbar-thumb:bg-foreground-200 scrollbar-track:rounded scrollbar-track:bg-foreground-100;
    }
}