Consider generating utility classes for variables to apply and reuse styles easily. For example, the user defines a color variable in ThemeBuilder called "component," and this makes ThemeBuilder generate utility classes:

.k-color-component {
  color: #ffeb3b;
}
.\!k-color-component {
  color: #ffeb3b !important;
}
.k-bg-component {
  background-color: #ffeb3b;
}
.\!k-bg-component {
  background-color: #ffeb3b !important;
}

These utility classes can then be applied and reused in code outside of ThemeBuilder:

<div class="k-color-component"></div>