@import "tailwindcss";
@plugin "@tailwindcss/typography";

@theme {
    --color-header-bg: var(--color-slate-300);
    --color-nav-text: var(--color-slate-400);
    --color-nav-hover: var(--color-blue-400);
    --shadow-top: 0 -4px 6px -1px rgb(0 0 0 / 0.1), 0 -2px 4px -2px rgb(0 0 0 / 0.1);
}

@layer base {
    body {
        @apply bg-slate-50 text-slate-700 antialiased;
    }
}

@layer components {
}