:root {
	/* base */
	--color-bg: #FFF6E9;
	--color-cream: #FFF6E9;
	--color-text: #201A15;
	--color-text-muted: #6b5d52;
	--color-white: #ffffff;
	--color-dark: #1C1610;

	/* playful palette */
	--color-yellow: #ffcf40;
	--color-yellow-soft: #FFEBB0;
	--color-teal: #23C4B4;
	--color-teal-soft: #C9F3EC;
	--color-blue: #3E8EF7;
	--color-blue-soft: #D6E7FF;
	--color-pink: #FF6E6E;
	--color-pink-soft: #FFDCDC;
	--color-orange: #FF7A1A;
	--color-orange-soft: #FFDCB4;

	/* legacy alias kept for compatibility */
	--color-accent: #FF7A1A;

	/* shape + fx */
	--radius: 28px;
	--radius-sm: 16px;
	--radius-pill: 999px;
	--border-thick: 3px solid var(--color-dark);
	--shadow-hard: 7px 7px 0 var(--color-dark);
	--shadow-hard-sm: 4px 4px 0 var(--color-dark);

	/* type */
	--font-heading: 'Baloo 2', system-ui, sans-serif;
	--font-body: 'Fredoka', system-ui, sans-serif;
}