:root {
	/* Font-families */
	--font-sans: 'DM Sans', sans-serif;
	--font-serif: 'Spectral', serif;

	/* Colors */
	--color-grey-700: #000000;
	--color-grey-600: #4D4D4D;
	--color-grey-500: #808080;
	--color-grey-400: #B2B2B2;
	--color-grey-300: #D9D9D9;
	--color-grey-200: #F2F2F2;
	--color-orange-50: #fef5f1;
	--color-orange-100: #ffebe1;
	--color-orange-200: #ffdaca;
	--color-orange-300: #ffc3aa;
	--color-orange-400: #ff9f80;
	--color-orange-500: #ff785a;
	--color-orange-600: #c72a63;
	--color-orange-700: #7d0037;
	--color-orange-800: #540520;
	--color-orange-900: #320c15;
	--color-purple-100: #f7f6ff;
	--color-purple-200: #e4e2ff;
	--color-purple-300: #cdc3ff;
	--color-purple-400: #bea7ff;
	--color-purple-500: #9b87ff;
	--color-purple-600: #684ac4;
	--color-purple-700: #412b72;
	--color-green-100: #f1f9f4;
	--color-green-200: #e4f4e9;
	--color-green-300: #bee1c8;
	--color-green-400: #89c2aa;
	--color-green-500: #28a88e;
	--color-green-600: #168175;
	--color-green-700: #00554b;
	--color-black: #000000;
	--color-white: #ffffff;
	--color-red: #cd0014;
	--color-yellow: #ffd200;

	/* Font-sizes */
	--font-size-50: clamp(0.75rem, 0.6875rem + 0.2083vw, 0.875rem);
	--font-size-75: clamp(0.875rem, 0.8125rem + 0.2083vw, 1rem);
	--font-size-100: clamp(1rem, 0.9375rem + 0.2083vw, 1.125rem);
	--font-size-200: clamp(1.125rem, 1.0625rem + 0.2083vw, 1.25rem);
	--font-size-300: clamp(1.25rem, 1.125rem + 0.4167vw, 1.5rem);
	--font-size-400: clamp(1.5rem, 1.25rem + 0.8333vw, 2rem);
	--font-size-500: clamp(2.5rem, 1.75rem + 2.5vw, 4rem);
	--font-size-600: clamp(3rem, 2.25rem + 2.5vw, 4.5rem);
	--font-size-quote-75: clamp(1.5625rem, 1.4688rem + 0.3125vw, 1.75rem);
	--font-size-quote-100: clamp(1.5625rem, 1.4688rem + 0.3125vw, 1.75rem);

	/* Font-weights */
	--font-weight-text: 300;
	--font-weight-label: 400;
	--font-weight-heading: 500;

	/* Spacing */
	--space-25: clamp(0.1875rem, 0.1563rem + 0.1042vw, 0.25rem);
	--space-50: clamp(0.375rem, 0.3125rem + 0.2083vw, 0.5rem);
	--space-75: clamp(0.5625rem, 0.4688rem + 0.3125vw, 0.75rem);
	--space-100: clamp(0.75rem, 0.625rem + 0.4167vw, 1rem);
	--space-150: clamp(1.125rem, 0.9375rem + 0.625vw, 1.5rem);
	--space-200: clamp(1.5rem, 1.25rem + 0.8333vw, 2rem);
	--space-250: clamp(1.875rem, 1.5625rem + 1.0417vw, 2.5rem);
	--space-300: clamp(2.25rem, 1.875rem + 1.25vw, 3rem);
	--space-400: clamp(3rem, 2.5rem + 1.6667vw, 4rem);
	--space-500: clamp(3.75rem, 3.125rem + 2.0833vw, 5rem);
	--space-600: clamp(4.5rem, 3.75rem + 2.5vw, 6rem);
	--space-800: clamp(6rem, 5rem + 3.3333vw, 8rem);
	--space-1000: clamp(7.5rem, 6.25rem + 4.1667vw, 10rem);

	--layout-text: 45rem;
	--layout-content: 100rem;
	--layout-gap: var(--space-150);

	@media (min-width: 680px) {
		--layout-gap: var(--space-300);
	}

	--z-index-header: 100;
	--z-index-navigation: 300;
	--z-index-header-item: 301;
}