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

@layer base {
}

@layer components {
	html {
		font-size: 15.5px;
	}

	body {
		@apply bg-slate-50;
	}

	h1,
	h2,
	h3,
	h4 {
		@apply font-serif font-bold;
	}

	a {
		@apply hyphens-none underline decoration-dotted hover:decoration-solid text-slate-700 hover:text-slate-900;
	}

	ul {
		@apply my-2;
	}

	li {
		@apply ml-14 list-disc;
	}

	a[aria-current="page"] {
		@apply !text-red-500;
	}

	.font-variant-small-caps {
		font-variant-caps: small-caps;
	}
}