Cuando en tu codigo CSS, hay ciertos valores, como colores y fuentes, que se repiten varias veces en el código es momento de crear variables.
Para evitar tener que cambiar esos valores en múltiples lugares, se pueden declarar variables CSS.
Las variables CSS se declaran en el selector :root y se nombran con dos guiones, por ejemplo: --color-primario.
Ejemplo:
:root {
--color-primario: #000000;
--color-secundario: #000000;
--color-terciario: #000000;
--fuente-montserrat: 'Montserrat', sans serif;
--fuente-krona: 'Krona One', sans serif;
}