chore: cleanup

web/templates/theme/main.css.template

@@ -0,0 +1,17 @@
+@import "tailwindcss";
+@import "./components.css";
+
+
+@theme {
+    --font-display: "Satoshi", "sans-serif";
+    --breakpoint-3xl: 1920px;
+
+    --ease-fluid: cubic-bezier(0.3, 0, 0, 1);
+    --ease-snappy: cubic-bezier(0.2, 0, 0, 1);  /* ... */
+
+    {% for color in colors %}
+    --color-{{ color.name }}-{{ color.index }}: {{ color.value }};
+    {% endfor %}
+}
+
+@variant dark (&:where(.dark, .dark *));