:root {
	/* Brand */
	--bf-navy: #0b1230;
	--bf-blue: #3867ff;
	--bf-purple: #7c4dff;
	--bf-white: #ffffff;

	/* Backgrounds */
	--bf-bg: #ffffff;
	--bf-bg-soft: #f7f8ff;
	--bf-bg-lavender: #f2f3ff;

	/* Text */
	--bf-text: #10162f;
	--bf-text-soft: #59617a;
	--bf-text-muted: #7d8498;

	/* Borders */
	--bf-border: rgba(16, 22, 47, 0.09);

	/* Gradients */
	--bf-gradient: linear-gradient(135deg, #3867ff 0%, #7c4dff 100%);
	--bf-gradient-soft: linear-gradient(
		135deg,
		rgba(56, 103, 255, 0.10),
		rgba(124, 77, 255, 0.10)
	);

	/* Shadows */
	--bf-shadow-sm: 0 8px 24px rgba(20, 30, 70, 0.06);
	--bf-shadow-md: 0 18px 50px rgba(20, 30, 70, 0.10);
	--bf-shadow-lg: 0 30px 80px rgba(20, 30, 70, 0.14);

	/* Radius */
	--bf-radius-sm: 12px;
	--bf-radius-md: 20px;
	--bf-radius-lg: 28px;
	--bf-radius-xl: 36px;

	/* Layout */
	--bf-container: 1240px;
	--bf-gutter: 24px;

	/* Motion */
	--bf-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--bf-duration: 400ms;

	/* Typography */
	--bf-font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI",
		Roboto, Helvetica, Arial, sans-serif;
}