/* ==========================================================
 	 Defines the typographic baseline.
   We define every size in pixels, the underlying system
   converts the respective units to the responsive REM value.
 	 ========================================================== */

/**
 * Our base font-size and line-height
 */
$base-font-size:   	16                                	!default;
$base-line-height: 	24                                	!default;
$line-height-ratio:	$base-line-height/$base-font-size   !default;

$font-sizes: (
    'xxs': 			(
        font-size: 		10,
        line-height: 	16
    ),
    'xs': 			(
		font-size: 		12,
		line-height: 	16
	),
	's': 				(
		font-size: 		13,
		line-height: 	16
	),
    'm': 				(
        font-size: 		14,
        line-height: 	16
    ),
	'base': 		(
		font-size: 		$base-font-size,
		line-height: 	$base-line-height
	),
    'l': 				(
        font-size: 		16,
        line-height: 	24
    ),
    'xl': 				(
        font-size: 		20,
        line-height: 	32
    ),
);

$font-weights: (
    regular: 400,
    semibold: 700,
    bold: 800,
);


/**
 *	Here we assign short names for the font families
 */

$font-system:		-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
$font-main: 	'Inter', sans-serif;