zenno: don't use sakura

zenno/src/routes/layout.css

@@ -1,6 +1,42 @@
 @import 'tailwindcss';
-@import './sakura-vars.css';
 
-@theme {
-	--text-sm: 1.25rem;
+:root {
+	color-scheme: light dark;
+}
+
+html,
+body {
+	height: 100%;
+	padding: 0;
+	margin: 0;
+}
+
+html {
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
+}
+
+body {
+	background-color: light-dark(var(--color-mist-200), var(--color-mist-800));
+	color: light-dark(var(--color-amber-950), var(--color-amber-50));
+}
+
+p {
+	margin-bottom: calc(var(--spacing) * 4);
+}
+
+a {
+	color: light-dark(var(--color-sky-900), var(--color-sky-100));
+}
+
+nav > span > a {
+	color: light-dark(var(--color-amber-950), var(--color-amber-50));
+}
+
+a:hover {
+	border-bottom-width: 1px;
+}
+
+select {
+	background-color: light-dark(var(--color-mist-300), var(--color-mist-900));
+	padding: 0.5rem 0.75rem;
 }