clean up consumer styling

Consumer now only imports the styles endpoint from their main CSS file.
Dark mode is currently permanently disabled, I need to add a JS helper
that when used automatically adds the correct class if there is a
preferred color scheme.

Also gets rid of the whole weird thing where the consumer had to have
a SPECIFIC `theme.css` file.

src/lib/styles/base.css

@@ -1,3 +1,5 @@
+@custom-variant dark (&:where(.dark, .dark *));
+
 @theme {
 	/* Fonts - easily overrideable */
 	--font-*: initial;

src/lib/styles/reference.css

@@ -0,0 +1,2 @@
+@import 'tailwindcss';
+@import './base.css';

src/lib/styles/tailwind.css

@@ -1,12 +1,9 @@
-/* packages/ui/src/styles/tailwind.css */
 @import 'tailwindcss';
 @import '$lib/styles/base.css';
 @plugin '@tailwindcss/forms';
 @plugin '@tailwindcss/container-queries';
 @plugin 'tailwindcss-animate';
 
-@custom-variant dark (&:where(.dark, .dark *));
-
 @layer base {
 	*,
 	::after,