Use CSS variables so that values like font families and colors can be defined only once, and colors can be derived in a systematic, consistent fashion. All major browsers support them now. https://caniuse.com/css-variables
Yeah. Parametrize may give us better CSS management.
As naming things is always hard, this might give inspiration: https://www.pollen.style/ I mean just to steal ideas for naming, not shipping the library itself.
Olivier Hallot committed a patch related to this issue. It has been pushed to "master": https://git.libreoffice.org/help/commit/8d2e185e13b0afe7c007144fc05ae68357d7c470 tdf#142380 (part) Use variables in css
Adolfo Jayme Barrientos committed a patch related to this issue. It has been pushed to "master": https://git.libreoffice.org/help/commit/8db4f0bd980c14b969f8bc08d3a1ecac7d5f7336 tdf#142380 tdf#142531 Update font stack, w/o “system-ui”
Adolfo Jayme Barrientos committed a patch related to this issue. It has been pushed to "libreoffice-7-4": https://git.libreoffice.org/help/commit/9257660dcda0ba8aa7fe6b3b96c430c0ed6e8bf1 tdf#142380 tdf#142531 Update font stack, w/o “system-ui”
Adolfo Jayme Barrientos committed a patch related to this issue. It has been pushed to "master": https://git.libreoffice.org/help/commit/c6cea6707879ad1c8f5bd11ff26b774f2e59b013 tdf#142380 Use CSS variable for background color