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

:root {
    --primary-color: #0ea5e9;
}

html,
body {
    @apply font-sans bg-slate-50 text-slate-900;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    user-select: none;
}

input, textarea, [contenteditable="true"] {
    user-select: text;
}


/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    @apply bg-transparent;
}

::-webkit-scrollbar-thumb {
    @apply bg-slate-200 rounded-full hover:bg-slate-300 transition-colors;
}

.text-gradient {
    @apply bg-clip-text text-transparent bg-gradient-to-r from-primary-600 to-primary-400;
}

/* Blazor Specific Fixes */
#blazor-error-ui {
    @apply hidden fixed bottom-0 left-0 w-full z-[1000] bg-red-600 text-white p-4 shadow-2xl items-center gap-4;
}

#blazor-error-ui .reload {
    @apply underline font-bold;
}

#blazor-error-ui .dismiss {
    @apply cursor-pointer absolute top-4 right-4 text-white/50 hover:text-white;
}