How to best organize and separate CSS snippets (see latter part of the thread)

This:

is not as in my original reply to your question.

You need two dashes:

.theme-dark {
--text-selection: green;
}