export type DesignPreset = {
	id: string;
	name: string;
	mode: 'light' | 'dark';
	template: 'clean' | 'modern' | 'minimal';
	style: {
		background: string;
		text: string;
		muted_text: string;
		accent: string;
		border: string;
		radius: number;
	};
};

export const designPresets: DesignPreset[] = [
	{
		id: 'cloud',
		name: 'Cloud',
		mode: 'light',
		template: 'clean',
		style: {
			background: '#FFFFFF',
			text: '#172033',
			muted_text: '#667085',
			accent: '#635BFF',
			border: '#E4E7EC',
			radius: 14,
		},
	},
	{
		id: 'lavender',
		name: 'Lavender',
		mode: 'light',
		template: 'modern',
		style: {
			background: '#F7F5FF',
			text: '#28225C',
			muted_text: '#6F6894',
			accent: '#7C3AED',
			border: '#DED8FF',
			radius: 16,
		},
	},
	{
		id: 'rose',
		name: 'Rose',
		mode: 'light',
		template: 'modern',
		style: {
			background: '#FFF5F7',
			text: '#4A1D2B',
			muted_text: '#8B5C69',
			accent: '#E11D48',
			border: '#FECDD3',
			radius: 18,
		},
	},
	{
		id: 'mint',
		name: 'Mint',
		mode: 'light',
		template: 'clean',
		style: {
			background: '#F0FDF9',
			text: '#123B32',
			muted_text: '#52766D',
			accent: '#059669',
			border: '#A7F3D0',
			radius: 16,
		},
	},
	{
		id: 'sky',
		name: 'Sky',
		mode: 'light',
		template: 'clean',
		style: {
			background: '#F0F9FF',
			text: '#14364A',
			muted_text: '#547386',
			accent: '#0284C7',
			border: '#BAE6FD',
			radius: 14,
		},
	},
	{
		id: 'sand',
		name: 'Sand',
		mode: 'light',
		template: 'clean',
		style: {
			background: '#FFFBEB',
			text: '#44351A',
			muted_text: '#7C6C4D',
			accent: '#D97706',
			border: '#FDE68A',
			radius: 12,
		},
	},
	{
		id: 'peach',
		name: 'Peach',
		mode: 'light',
		template: 'modern',
		style: {
			background: '#FFF7ED',
			text: '#4A2A17',
			muted_text: '#8A624A',
			accent: '#EA580C',
			border: '#FED7AA',
			radius: 18,
		},
	},
	{
		id: 'lemon',
		name: 'Lemon',
		mode: 'light',
		template: 'clean',
		style: {
			background: '#FEFCE8',
			text: '#3F3A14',
			muted_text: '#777040',
			accent: '#CA8A04',
			border: '#FEF08A',
			radius: 12,
		},
	},
	{
		id: 'sage',
		name: 'Sage',
		mode: 'light',
		template: 'minimal',
		style: {
			background: '#F6F8F2',
			text: '#263224',
			muted_text: '#667062',
			accent: '#4D7C0F',
			border: '#DDE5D2',
			radius: 10,
		},
	},
	{
		id: 'ice',
		name: 'Ice',
		mode: 'light',
		template: 'modern',
		style: {
			background: '#F5FAFC',
			text: '#1C3440',
			muted_text: '#607984',
			accent: '#0891B2',
			border: '#CDEAF1',
			radius: 20,
		},
	},
	{
		id: 'blush',
		name: 'Blush',
		mode: 'light',
		template: 'modern',
		style: {
			background: '#FFF8F6',
			text: '#482B2A',
			muted_text: '#896B68',
			accent: '#F43F5E',
			border: '#FBCFC8',
			radius: 20,
		},
	},
	{
		id: 'lilac',
		name: 'Lilac',
		mode: 'light',
		template: 'modern',
		style: {
			background: '#FCF7FF',
			text: '#39204A',
			muted_text: '#765D83',
			accent: '#A855F7',
			border: '#E9D5FF',
			radius: 16,
		},
	},
	{
		id: 'paper',
		name: 'Paper',
		mode: 'light',
		template: 'minimal',
		style: {
			background: '#FAFAF9',
			text: '#292524',
			muted_text: '#78716C',
			accent: '#57534E',
			border: '#E7E5E4',
			radius: 4,
		},
	},
	{
		id: 'blueprint',
		name: 'Blueprint',
		mode: 'light',
		template: 'minimal',
		style: {
			background: '#EFF6FF',
			text: '#0B1F52',
			muted_text: '#52658F',
			accent: '#2563EB',
			border: '#93C5FD',
			radius: 2,
		},
	},
	{
		id: 'midnight',
		name: 'Midnight',
		mode: 'dark',
		template: 'modern',
		style: {
			background: '#0F172A',
			text: '#F8FAFC',
			muted_text: '#94A3B8',
			accent: '#818CF8',
			border: '#334155',
			radius: 16,
		},
	},
	{
		id: 'graphite',
		name: 'Graphite',
		mode: 'dark',
		template: 'clean',
		style: {
			background: '#18181B',
			text: '#FAFAFA',
			muted_text: '#A1A1AA',
			accent: '#22C55E',
			border: '#3F3F46',
			radius: 12,
		},
	},
	{
		id: 'indigo-night',
		name: 'Indigo Night',
		mode: 'dark',
		template: 'modern',
		style: {
			background: '#1E1B4B',
			text: '#EEF2FF',
			muted_text: '#A5B4FC',
			accent: '#8B5CF6',
			border: '#3730A3',
			radius: 18,
		},
	},
	{
		id: 'forest',
		name: 'Forest',
		mode: 'dark',
		template: 'clean',
		style: {
			background: '#102A24',
			text: '#ECFDF5',
			muted_text: '#86B6A8',
			accent: '#34D399',
			border: '#245247',
			radius: 14,
		},
	},
	{
		id: 'burgundy',
		name: 'Burgundy',
		mode: 'dark',
		template: 'modern',
		style: {
			background: '#321622',
			text: '#FFF1F2',
			muted_text: '#D6A0AE',
			accent: '#FB7185',
			border: '#663044',
			radius: 18,
		},
	},
	{
		id: 'ocean',
		name: 'Ocean',
		mode: 'dark',
		template: 'clean',
		style: {
			background: '#082F49',
			text: '#F0F9FF',
			muted_text: '#7DD3FC',
			accent: '#38BDF8',
			border: '#0C4A6E',
			radius: 16,
		},
	},
	{
		id: 'espresso',
		name: 'Espresso',
		mode: 'dark',
		template: 'clean',
		style: {
			background: '#2A1F1B',
			text: '#FFF7ED',
			muted_text: '#C8A995',
			accent: '#F59E0B',
			border: '#513A31',
			radius: 12,
		},
	},
	{
		id: 'aubergine',
		name: 'Aubergine',
		mode: 'dark',
		template: 'modern',
		style: {
			background: '#2E1638',
			text: '#FAF5FF',
			muted_text: '#D8B4E2',
			accent: '#D946EF',
			border: '#5A2B68',
			radius: 20,
		},
	},
	{
		id: 'slate',
		name: 'Slate',
		mode: 'dark',
		template: 'minimal',
		style: {
			background: '#1E293B',
			text: '#F8FAFC',
			muted_text: '#94A3B8',
			accent: '#38BDF8',
			border: '#475569',
			radius: 8,
		},
	},
	{
		id: 'neon',
		name: 'Neon',
		mode: 'dark',
		template: 'minimal',
		style: {
			background: '#101014',
			text: '#F5F3FF',
			muted_text: '#A8A3B8',
			accent: '#A3E635',
			border: '#34343D',
			radius: 6,
		},
	},
	{
		id: 'copper',
		name: 'Copper',
		mode: 'dark',
		template: 'modern',
		style: {
			background: '#2B1B16',
			text: '#FFF7ED',
			muted_text: '#D6A38F',
			accent: '#F97316',
			border: '#5A3428',
			radius: 14,
		},
	},
	{
		id: 'arctic-night',
		name: 'Arctic Night',
		mode: 'dark',
		template: 'clean',
		style: {
			background: '#10212B',
			text: '#ECFEFF',
			muted_text: '#A5CBD4',
			accent: '#22D3EE',
			border: '#244653',
			radius: 18,
		},
	},
	{
		id: 'afterglow',
		name: 'Afterglow',
		mode: 'dark',
		template: 'modern',
		style: {
			background: '#1C1226',
			text: '#FFF4D6',
			muted_text: '#C5A8D4',
			accent: '#FFB000',
			border: '#623D73',
			radius: 24,
		},
	},
];
