// Sunset-leaning, balanced palettes — warmer + more inclusive than v1
const PALETTES = {
	sunset: {
		name: 'Sunset',
		bg: '#3a1a4a',
		paper: '#fbf2e8',
		ink: '#1a0e1f',
		inkSoft: '#4a3a52',
		pink: '#e94d8a',
		pink2: '#ffcfb0',
		coral: '#ff7a5a',
		lime: '#d6e84a',
		peri: '#a8b4ff',
		peach: '#ffb38a',
		butter: '#ffd97a',
		teal: '#3aa896',
		aubergine: '#3a1a4a',
		line: '#22112d',
		heroText: '#ffffff',
		heroGrad: 'linear-gradient(110deg, #3a1a4a 0%, #6a2a5a 30%, #d96a6a 65%, #ffb38a 100%)',
	},
	cream: {
		name: 'Cream',
		bg: '#f5e6dd',
		paper: '#fbf3ec',
		ink: '#1a0e16',
		inkSoft: '#5a3848',
		pink: '#e83a7a',
		pink2: '#ffd1b0',
		coral: '#e87055',
		lime: '#dde29c',
		peri: '#c5cae8',
		peach: '#f0a98a',
		butter: '#ffe2a3',
		teal: '#3a8a82',
		aubergine: '#5a2342',
		line: '#3a2030',
		heroText: '#1a0e16',
		heroGrad: 'linear-gradient(110deg, #f5e6dd 0%, #ffd1b0 50%, #f0a98a 100%)',
	},
	dusk: {
		name: 'Dusk',
		bg: '#0e0612',
		paper: '#0e0612',
		ink: '#f6efe6',
		inkSoft: '#cabeb1',
		pink: '#ff5a8a',
		pink2: '#3a1d2c',
		coral: '#ff8064',
		lime: '#d6e84a',
		peri: '#a8b4ff',
		peach: '#ffb38a',
		butter: '#ffd97a',
		teal: '#3aa896',
		aubergine: '#1a0c1f',
		line: '#2a1832',
		heroText: '#fbf3ec',
		heroGrad: 'linear-gradient(110deg, #0e0612 0%, #2a0d34 40%, #6a2a5a 80%, #d96a6a 100%)',
	},
};

function applyPalette(key) {
	const p = PALETTES[key] || PALETTES.sunset;
	const r = document.documentElement.style;
	Object.entries({
		bg: p.bg, paper: p.paper, ink: p.ink, 'ink-soft': p.inkSoft,
		pink: p.pink, 'pink-2': p.pink2, coral: p.coral, lime: p.lime,
		peri: p.peri, peach: p.peach, butter: p.butter, teal: p.teal,
		aubergine: p.aubergine, line: p.line, 'hero-text': p.heroText, 'hero-grad': p.heroGrad,
	}).forEach(([k, v]) => r.setProperty(`--${k}`, v));
	document.body.dataset.palette = key;
}
window.PALETTES = PALETTES;
window.applyPalette = applyPalette;