How can I define and use global CSS variables in a Svelte app?

I'm building a small project with Svelte and I'd like to define some global CSS variables like for colors, font sizes, or spacing that can be reused across multiple components.

What is the recommended way to define global CSS variables in a Svelte application?