export type Theme = {
	text: string;
	textSecondary: string;
	textMuted: string;
	bg: string;
	surface: string;
	placeholder: string;
	border: string;
	borderSubtle: string;
	borderInput: string;
	accent: string;
	accentHover: string;
	accentForeground: string;
	accentSoft: string;
	accentSoftBorder: string;
	accentFocus: string;
	dangerBg: string;
	dangerBorder: string;
	dangerText: string;
	dangerAction: string;
	dangerActionHover: string;
	dangerForeground: string;
	warningBg: string;
	warningBorder: string;
	warningText: string;
	highlightBg: string;
	highlightText: string;
	vizGroupColors: readonly string[];
};

export const themes = {
	light: {
		text: "#1c1917",
		textSecondary: "#44403c",
		textMuted: "#78716c",
		bg: "#fafaf9",
		surface: "#ffffff",
		placeholder: "#e7e5e4",
		border: "#e7e5e4",
		borderSubtle: "#f5f5f4",
		borderInput: "#d6d3d1",
		accent: "#0f766e",
		accentHover: "#115e59",
		accentForeground: "#ffffff",
		accentSoft: "#f0fdfa",
		accentSoftBorder: "#99f6e4",
		accentFocus: "#0d9488",
		dangerBg: "#fef2f2",
		dangerBorder: "#fecaca",
		dangerText: "#b91c1c",
		dangerAction: "#b91c1c",
		dangerActionHover: "#991b1b",
		dangerForeground: "#ffffff",
		warningBg: "#fffbeb",
		warningBorder: "#fcd34d",
		warningText: "#92400e",
		highlightBg: "#fef08a",
		highlightText: "#1c1917",
		vizGroupColors: [
			"#0f766e",
			"#b45309",
			"#047857",
			"#dc2626",
			"#7c3aed",
			"#0e7490",
			"#c2410c",
			"#be185d",
		],
	},
	dark: {
		text: "#fafaf9",
		textSecondary: "#d6d3d1",
		textMuted: "#a8a29e",
		bg: "#1c1917",
		surface: "#292524",
		placeholder: "#44403c",
		border: "#44403c",
		borderSubtle: "#292524",
		borderInput: "#57534e",
		accent: "#5eead4",
		accentHover: "#2dd4bf",
		accentForeground: "#042f2e",
		accentSoft: "#134e4a",
		accentSoftBorder: "#115e59",
		accentFocus: "#2dd4bf",
		dangerBg: "#450a0a",
		dangerBorder: "#7f1d1d",
		dangerText: "#fca5a5",
		dangerAction: "#b91c1c",
		dangerActionHover: "#dc2626",
		dangerForeground: "#ffffff",
		warningBg: "#451a03",
		warningBorder: "#78350f",
		warningText: "#fcd34d",
		highlightBg: "#854d0e",
		highlightText: "#fef9c3",
		vizGroupColors: [
			"#2dd4bf",
			"#fbbf24",
			"#34d399",
			"#f87171",
			"#a78bfa",
			"#22d3ee",
			"#fb923c",
			"#f472b6",
		],
	},
} as const satisfies Record<string, Theme>;