Uma abordagem bem moderna é o Atomic Design ela é usada por vários FrameWorks e vc pode ler mais sobre isso aqui O que é atomic web design?
Com essa prática, nos Tokens vc vai criar classes goblais, para espaçamentos, tipografia e até cores como o próprio Bootstrap faz e vc pode conferir aqui https://getbootstrap.com/docs/4.3/utilities/spacing/#notation
Então a grosso modo o que se faz é criar classe para cada propriedade de forma individual tipo como abaixo, e na marcação HTML vc inclui essas duas classes no class=""
do elemento. E eventualmente vc inclui uma classe nova em particular para tratar apenas algo específico do elemento em questão.
.bg-primary {
background: red;
}
.text-center {
text-align: center;
}
.div-special {
/* sua propriedades especiais para esse elemento*/
width: 250px;
}
<div class="bg-primary text-center div-special">meu texto</div>
Esse tipo de classe de suporte (tokens), são mais usadas para margins, paddings, alinhamentos, font-size, cores, bordas, e outras propriedades que vc vai repetir com MUITA frequência em MUITOS elementos no HTML
O que vc tem que ter em mente sobre isso é que quanto mais claro o seu CSS, mas complicado pode ser tornar a marcação HTML.
Então o que vc vai ter é um acumulo de nome de classes como efeito colateral, coisa do tipo. Repare na quantidade de classes...
<div class="d-flex text-center bg-light mt-5 p-2 align-items-center"></div>
Recomendo que leia esse dois artigos vai abrir muito sua mente https://willianjusten.com.br/falando-sobre-rscss/ e https://willianjusten.com.br/organizando-seu-css-com-itcss/
DICA
Existem tb as CSS Variables, para vc não ficar repetindo valores iguais para propriedades, mas esse é outro assun recomendo que leia aqui: O que significa o -- especificado no :root do css do bootstrap?