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

@layer base {
    html {
        color-scheme: light;
    }

    html.dark {
        color-scheme: dark;
    }

    body {
        @apply bg-slate-100 text-slate-950 antialiased dark:bg-slate-950 dark:text-slate-100;
    }

    [x-cloak] {
        display: none !important;
    }
}

@layer components {
    .tse-panel {
        @apply rounded-lg border border-slate-200 bg-white shadow-sm dark:border-slate-800 dark:bg-slate-900;
    }

    .tse-muted {
        @apply text-slate-600 dark:text-slate-400;
    }
}