@import "../../vendor/tempest/highlight/src/Themes/Css/github-dark-dimmed.css";

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


body {
    font-family: Whitney SSm A, Whitney SSm B, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    @apply text-slate-800;
}

h1 {
    @apply font-semibold text-2xl leading-relaxed;
}

h3, h2 {
    @apply font-medium text-xl leading-relaxed;
}

h4, h5, h6 {
    @apply font-medium text-lg leading-relaxed;
}

strong {
    @apply text-indigo-900 font-medium;
}

li{
    @apply my-2;
}

li::marker {
    @apply text-slate-400;
}

p code, li code {
    @apply bg-indigo-50 text-zinc-700 rounded-lg px-1 border whitespace-nowrap;
}

pre code {
    @apply border-0 p-0 leading-normal;
}

.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6 {
    @apply mt-7 mb-2 text-fuchsia-900 font-semibold;
}

.article-content ol {
    @apply pl-10 list-decimal list-inside;
}

.article-content ul {
   @apply pl-10 list-disc list-inside;
}

.article-content p {
    @apply mb-3;
}

.article-content blockquote {
    @apply p-4 my-3 italic border-l-4 border-slate-400 text-slate-500;
}

.article-content a {
    @apply text-blue-400;
}

/*
 Margin and rounding are personal preferences,
 overflow-x-auto is recommended.
*/
pre {
    @apply my-8 rounded-lg overflow-x-auto;
}

/*
 Add some vertical padding and expand the width
 to fill its container.
*/
pre[data-lang] {
    @apply p-5 block
}

