CSS Theme Organization Best Practices from the article https://medium.com/@vzaidman/css-theme-organization-best-practices-a8e375d92c7c

00-theme.css

html.colors {
  ...
  --red: #d47c7c;
  --purple: #9e42f5;
}

html.entities {
  /* ... 50 more enteties */
  --action-button-background-color: var(--red);
  --action-button-shadow-color: var(--red);
  --radio-box-background-color: var(--red);
}

01-style.css

.action-button {
  ...
  background-color: var(--action-button-background-color);
  box-shadow: 10px 10px 5px 0px var(--action-button-shadow-color);
}

.radio-box{
  ...
  background-color: var(--radio-box-background-color);
}