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

: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: #D97A2B;
	--color-primary-rgb: 217, 122, 43;
	--color-heading: #1b1c1e;
	--color-heading2: #333333;
	--color-content: #666666;
	--color-bg: #fafafa;
	--color-border: #eeeeee;
	--color-green: #00b894;
	--color-yellow: #ffc935;
	--color-danger: red;
	--color-danger-rgb: 255, 0, 0;

	// 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: 8px;
	--radius-16: 16px;
	--shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.1);
	--transition: all 300ms ease-in-out;
}
