@use "sass:math";

@import "variables";
@import "functions";

:root {
	/* Font Family */
	--ff-base: 'sans-serif';
	--ff-heading: 'sans-serif';
	/* Base size */
	--fs-scale: #{$scale};
	--fs-base: #{$base+rem};
	--lh-base: 1.5;
	--lh-header: 1.5;
	/* Small sizes */
	$sizes: 'small', 'x-small', '2x-small';
	$size: $base;
	@each $name in $sizes {
		$size: math.div($size/ $scale);
		//$size: ($size/$scale);
		--fs-#{$name}: #{round3D( $size )+rem};
	}

	/* Large sizes */
	--fs-h6: #{$base+rem};
	$sizes: 'h5', 'h4', 'h3', 'h2', 'h1';
	$size: $base;
	@each $name in $sizes {
		$size: $size*$scale;
		--fs-#{$name}: #{round3D( $size )+rem};
	}
	/* Font Weights */
	$weights: (
		'lighter': 'lighter',
		'100': 100,
		'200': 200,
		'light': 300,
		'300': 300,
		'normal': 400,
		'400': 400,
		'500': 500,
		'600': 600,
		'bold': 700,
		'700': 700,
		'800': 800,
		'900': 900,
		'bolder': 'bolder'
	);
	@each $name, $weight in $weights {
		--fw-#{$name}: #{$weight};
	}
}

// End of file _root.scss