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

@plugin "@tailwindcss/typography";

.ProseMirror {
    outline: 0 !important;
}

.ProseMirror li>p:first-child {
    display: inline;
}

.ProseMirror h1, .ProseMirror h2, .ProseMirror h3, .ProseMirror h4, .ProseMirror h5 {
    margin-top: 0 !important;
    margin-bottom: 15px !important;
}

.ProseMirror ul {
    margin: 0 0 15px 0 !important;
}

.ProseMirror li {
    margin: 0 auto !important;
}

.ProseMirror p {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

@theme {
    --color-zinc-50: var(--color-gray-50);
    --color-zinc-100: var(--color-gray-100);
    --color-zinc-200: var(--color-gray-200);
    --color-zinc-300: var(--color-gray-300);
    --color-zinc-400: var(--color-gray-400);
    --color-zinc-500: var(--color-gray-500);
    --color-zinc-600: var(--color-gray-600);
    --color-zinc-700: var(--color-gray-700);
    --color-zinc-800: var(--color-gray-800);
    --color-zinc-900: var(--color-gray-900);
    --color-zinc-950: var(--color-gray-950);
}

@theme {
    --color-accent: var(--color-gray-800);
    --color-accent-content: var(--color-gray-800);
    --color-accent-foreground: var(--color-white);
}

@layer theme {
    .dark {
        --color-accent: var(--color-white);
        --color-accent-content: var(--color-white);
        --color-accent-foreground: var(--color-gray-800);
    }
}

ui-option:hover {
    @apply bg-gray-50;
}

[data-selected] {
    @apply bg-gray-50;
}
