:host,
:root {
	--rem: 10;
}

:root {
	--font-default: "Jost", sans-serif;
	// Color Start
	--color-black: #000000;
	--color-black-rgb: 0, 0, 0;
	--color-white: #ffffff;
	--color-white-rgb: 255, 255, 255;
	--color-body: #ffffff;
	--color-primary: #2fabf7;
	--color-primary-rgb: 47, 171, 247;
	--color-heading: #1b1c1e;
	--color-heading2: #333333;
	--color-content: #666666;
	--color-bg: #fafafa;
	--color-border: #eeeeee;
	--color-green: #5bcd79;
	--color-yellow: #ffc935;

	// Font Weight
	--font-light: 300;
	--font-regular: 400;
	--font-medium: 500;
	--font-semibold: 600;
	--font-bold: 700;
	--font-extrabold: 800;
	--font-black: 900;

	// Shadow
	--radius: 10px;
	--shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.1);
	--transition: all 300ms ease-in-out;
}
