:root {

	/* COLORS */

	--bg: #FFFDF8;
	--surface: #F7F4EF;
	--terracotta: #D87B5A;
	--coral: #E89DA5;
	--lavender: #B09BFF;
	--sky: #69C8F7;
	--sage: #84BFA5;
	--text: #2F3437;
	--text-soft: #70757A;
	--white: #FFFFFF;

	/* GRADIENTS */

	--gradient-sunrise:
		linear-gradient(
			135deg,
			var(--terracotta),
			var(--coral),
			var(--lavender),
			var(--sky),
			var(--sage)
		);

	--gradient-sky:
		linear-gradient(
			180deg,
			#FFFDF8 0%,
			#FFF8F2 28%,
			#F7FBFF 72%,
			#FFFDF8 100%
		);

	/* TYPOGRAPHY */

	--font-display:
		'DM Serif Display', serif;

	--font-body:
		'Manrope', sans-serif;

	/* FONT SIZE */

	--fs-xs: 12px;
	--fs-sm: 14px;
	--fs-md: 18px;
	--fs-lg: 22px;
	--fs-xl: 36px;
	--fs-2xl: 56px;
	--fs-3xl: 72px;

	/* SPACING */

	--space-1: 8px;
	--space-2: 16px;
	--space-3: 24px;
	--space-4: 40px;
	--space-5: 64px;
	--space-6: 96px;
	--space-7: 140px;

	/* BORDER */

	--radius-sm: 12px;
	--radius-md: 20px;
	--radius-lg: 32px;
	--radius-pill: 999px;

	/* SHADOW */

	--shadow-soft:
		0 10px 30px rgba(0, 0, 0, .05);

	--shadow-glow:
		0 0 60px rgba(232, 157, 165, .25);

	/* TRANSITIONS */

	--transition:
		all .35s ease;

}