_frontend_code/theme/src/pollen.config.cjs

const { defineConfig } = require("pollen-css/utils");

module.exports = defineConfig((pollen) => {
	return {
		selector: ":root",
		output: "./src/pollen.css",
		modules: {
			line: {
				...pollen.line,
				sm: "1.4"
			},
			font: {
				...pollen.font,
				sans: `Source Sans Pro, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"`,
				mono: `IBM Plex Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace`
			},
			radius: {
				...pollen.radius,

				xs: "2px",
				sm: "4px",
				md: "6px",
				lg: "8px",
				xl: "12px",
				"2xl": "16px",
				"3xl": "22px"
			},
			size: {
				...pollen.size,
				0.5: "2px",
				1.5: "6px",
				2.5: "10px",
				"screen-h": "100vh"
			},
			color: {
				...pollen.color,
				blue: "#0ea5e9",
				"blue-10": "#fafcff",
				"blue-50": "#eff6ff",
				"blue-100": "#dbeafe",
				"blue-200": "#bfdbfe",
				"blue-300": "#93c5fd",
				"blue-400": "#60a5fa",
				"blue-500": "#0ea5e9",
				"blue-600": "#2563eb",
				"blue-700": "#1d4ed8",
				"blue-800": "#1e40af",
				"blue-900": "#1e3a8a",
				"blue-950": "#1c366b",
				grey: "#6b7280",
				"grey-10": "#fdfdfe",
				"grey-50": "#f9fafb",
				"grey-100": "#f3f4f6",
				"grey-200": "#e5e7eb",
				"grey-300": "#d1d5db",
				"grey-400": "#9ca3af",
				"grey-500": "#6b7280",
				"grey-600": "#4b5563",
				"grey-700": "#374151",
				"grey-800": "#1f2937",
				"grey-900": "#111827",
				"grey-950": "#0b0f19",
				red: "#ef4444",
				"red-10": "#fffbfb",
				"red-50": "#fef2f2",
				"red-100": "#fee2e2",
				"red-200": "#fecaca",
				"red-300": "#fca5a5",
				"red-400": "#f87171",
				"red-500": "#ef4444",
				"red-600": "#dc2626",
				"red-700": "#b91c1c",
				"red-800": "#991b1b",
				"red-900": "#7f1d1d",
				"red-950": "#63171a",
				green: "#22c55e",
				"green-10": "#f9fefc",
				"green-50": "#ecfdf5",
				"green-100": "#d1fae5",
				"green-200": "#bbf7d0",
				"green-300": "#86efac",
				"green-400": "#4ade80",
				"green-500": "#22c55e",
				"green-600": "#16a34a",
				"green-700": "#15803d",
				"green-800": "#166534",
				"green-900": "#14532d",
				"green-950": "#134227",
				orange: "#f97316",
				"orange-10": "#fffbf6",
				"orange-50": "#FFF2E5",
				"orange-100": "#FFE5CC",
				"orange-200": "#FFD8B4",
				"orange-300": "#FFB066",
				"orange-400": "#FF9633",
				"orange-500": "#FF7C00",
				"orange-600": "#EE7400",
				"orange-700": "#CE6400",
				"orange-800": "#A45000",
				"orange-900": "#5C2D00",
				"orange-950": "#3C1F00",
				yellow: "#eab308",
				"yellow-10": "#FFFEF8",
				"yellow-50": "#fffbeb",
				"yellow-100": "#fff9c2",
				"yellow-200": "#fef08a",
				"yellow-300": "#fde047",
				"yellow-400": "#facc15",
				"yellow-500": "#eab308",
				"yellow-600": "#ca8a04",
				"yellow-700": "#a16207",
				"yellow-800": "#854d0e",
				"yellow-900": "#713f12",
				"yellow-950": "#633112"
			}
		}
	};
});