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

html,
body {
	@apply h-full;
}
p {
	@apply mb-2;
}
.link {
	@apply text-primary-800 dark:text-primary-500 hover:brightness-110;
}
a.external {
	@apply link after:content-['_↗'];
}
.section-container {
	@apply mx-auto w-full max-w-7xl p-4;
}
.hero-gradient {
	background-image: radial-gradient(at 0% 0%, rgba(242, 104, 34, 0.4) 0px, transparent 50%),
		radial-gradient(at 98% 1%, rgba(var(--color-warning-900) / 0.33) 0px, transparent 50%);
}