:root {
	--light: #f2f2f2;
	--dark: #333333;
	--white: #fff;
	--orange: #EF8A1D;
	--orange-soft: #FCEAD3;
	--slate: #3A4750;
	--slate-80: #4E5B64;
	--mint: #A8D8BE;
	--mint-soft: #E7F4EC;
	--yellow: #F9D257;
	--yellow-soft: #FDF3D2;
	--pink: #F3A6BE;
	--pink-soft: #FCE9EF;
	--raspberry: #E9527C;
	--peach: #F6B36B;
	--rose: #F6C6D4;
	--gold: #C9A227;
	--gray: #E9EAEB;
	--cream: #FDFAF4;
	--white: #FFFFFF;
	--color-primary: var(--orange);
	--color-text: var(--slate);
	--color-text-muted: #6B7780;
	--color-bg: var(--cream);
	--color-surface: var(--white);
	--color-border: #EDE7DC;
	--color-error: #D23B3B;
	--color-success: #2F9E62;
	--font-display: 'Baloo 2', 'Avenir', system-ui, sans-serif;
	--font-body: 'Nunito', 'Avenir', system-ui, sans-serif;
	--r-sm: 12px;
	--r-md: 20px;
	--r-lg: 28px;
	--r-xl: 40px;
	--shadow-sm: 0 2px 8px rgba(58, 71, 80, .07);
	--shadow-md: 0 8px 24px rgba(58, 71, 80, .10);
	--shadow-lg: 0 16px 48px rgba(58, 71, 80, .14);
	--s1: 8px;
	--s2: 16px;
	--s3: 24px;
	--s4: 32px;
	--s6: 48px;
	--s8: 64px;
	--s12: 96px;
	--cms-top: 46px;
}