css public variables var()

[konsbe]

Hey 👋 there, Remix team!

Is there any way to make public css variables and share it throughout the whole page? For example:
:root{
--main-content:#23fda2
--secondary-content:#32fda2
}

I struggle for 2 days to make it. I succeed to pass the variable to the dom (as I inspect the html document on the browser), but no colour has been applied yet..

I searched the documentation and other stuffalso, but I found nothing about that

If it is possible, can you make a walk through step by step of how to do that in remix?

Thank you in advance!

[konsbe]

finally found it! i pass it as a second object in the in links array

:root{
    --main-content:#23fda2
    --secondary-content:#32fda2
}

import globalStylesheetUrl from "~/styles/global-styles.css";


export const links = () => [
  ...(cssBundleHref ? [{ rel: "stylesheet", href: cssBundleHref }, { rel: "stylesheet", href: globalStylesheetUrl }] : []),
];

sorry for listing unimportant discussions like this