/// Defines sensible breakpoints for layouts and interfaces.
/// These breakpoints correspond to common device viewport widths,
/// making it easier to apply responsive styles consistently across devices.
///
/// @group Layout
///
/// @example scss
/// 	@include breakpoint(tablet) {
///   	// styles for tablet and up
/// 	}
$breakpoints: (
	desktop: 1920px,
	laptop: 1440px,
	small-laptop: 1200px,
	big-tablet: 1024px,
	tablet: 768px,
	mobile: 480px
);