А как вы храните и пользуетесь css в свелте? Я сначала

Question

Svelte [svelt] - All about Svelte JavaScript framework.

А как вы храните и пользуетесь css в свелте? Я сначала

не понимал как добавить общие стили в компонент, потом вспомнил про <svelte:head>. А сейчас задумался, может быть есть проще способ или другие подходы.

Пока вижу такой вариант, без использования sass и тп. Идея в том, чтобы можно было достаточно быстро и просто менять базовые элементы для всех компонентов.

Есть общие стили, возможно разбитые по типам: шрифты, цвета и т.п.
css/fonts.css
css/colors.css (цвета в переменных)
или один общий файл где все общие стили собраны в одном месте css/styles.css

В компоненте добавляю ссылку на файл с нужным стилем или на общий файл styles.css.
<svelte:head>
<link rel="stylesheet" href="tutorial/dark-theme.css">
</svelte:head>
Тогда в компоненте подтягиваются шрифты, размеры и цвета указанные в файле css. Если нужно что-то изменить, то меняю только в этом файле.