Accessing .Scratch in custom style sheet

I’m trying to add some small changes to the academic theme (css) style sheet.
The way the theme wants me to do this is by adding my custom style sheet to “/css/”. It will be linked in the header.html like this:

{{ range .Site.Params.custom_css }}
link rel=“stylesheet” href=“{{ “/css/” | relURL }}{{ . }}”>
{{ end }}

Because anything in /css/ will be copied “as-is” by Hugo, I can’t access .Scratch! I have defined a background color and want to access it by calling {{ .Get “background” }}.

Any ideas to how I can solve this issue?

You could add an internal stylesheet to an existing template, or create a partial for it.

For an example see https://github.com/zwbetz-gh/minimal-bootstrap-hugo-theme/blob/master/layouts/partials/style.html