@import "tailwindcss";
@import "@nuxt/ui";

@source "../../../content/**/*";

@theme static {
	--container-8xl: 90rem;
	--font-sans: "Public Sans", sans-serif;

	--color-green-50: #effdf5;
	--color-green-100: #d9fbe8;
	--color-green-200: #b3f5d1;
	--color-green-300: #75edae;
	--color-green-400: #00dc82;
	--color-green-500: #00c16a;
	--color-green-600: #00a155;
	--color-green-700: #007f45;
	--color-green-800: #016538;
	--color-green-900: #0a5331;
	--color-green-950: #052e16;
}

:root {
	--ui-container: var(--container-8xl);
}

h2 > a > span + span {
	@apply size-6 align-text-top;
}

h3 > a > span + span {
	@apply size-5 align-text-top;
}