Init

views/transform/site.css

@@ -0,0 +1,66 @@
+@import "tailwindcss";
+@theme {
+	--font-script: Rancho, ui-serif;
+	--font-sans: "Source Sans 3", "Merriweather Sans", ui-sans-serif;
+	--font-serif: "Merriweather", ui-serif;
+
+	--color-background: oklch(0.985 0.001 106.423);
+	--color-background-darker: oklch(0.97 0.001 106.424);
+	--color-background-dark: oklch(0.923 0.003 48.717);
+
+	--color-border-main: oklch(0.97 0.001 106.424);
+	--color-border-secondary: oklch(0.923 0.003 48.717);
+
+	--color-text: oklch(0.21 0.034 264.665);
+	--color-text-strong: oklch(0 0 0);
+	--color-text-muted: oklch(0.373 0.034 259.733);
+	--color-text-disabled: oklch(0.872 0.01 258.338);
+	--color-text-subtle: oklch(0.707 0.022 261.325);
+
+	--color-accent-blue-500: oklch(0.623 0.214 259.815);
+	--color-accent-blue-100: oklch(0.932 0.032 255.585);
+}
+
+/*
+  The default border color has changed to `currentColor` in Tailwind CSS v4,
+  so we've added these compatibility styles to make sure everything still
+  looks the same as it did with Tailwind CSS v3.
+
+  If we ever want to remove these styles, we need to add an explicit border
+  color utility to any element that depends on these defaults.
+*/
+@layer base {
+	*,
+	::after,
+	::before,
+	::backdrop,
+	::file-selector-button {
+		border-color: var(--color-gray-200, currentColor);
+	}
+}
+
+@utility font-variant-small-caps {
+	font-variant-caps: small-caps;
+}
+
+@layer components {
+	html {
+		font-size: 16px;
+		scroll-behavior: auto !important;
+	}
+	@media (max-width: 1280px) {
+		html {
+			font-size: 14px;
+		}
+	}
+	@media (max-width: 640px) {
+		html {
+			font-size: 12px;
+		}
+	}
+
+	body {
+		@apply bg-stone-50;
+	}
+
+}