This is the heart of the theme. The Branding panel is where you set your colors, button style, and heading typography. What makes PluginHub special is that it doesn't just style itself with these choices, it publishes them as CSS custom properties that every Revolutionary plugin reads. Set your brand once; the whole suite matches.

The rule is simple and it runs in two directions. The theme emits tokens: from your Branding choices, PluginHub writes a :root block of --rev-btn-* and --rev-heading-* variables, on the front end (wp_head), in the admin (admin_head), and inside the block editor. Plugins consume tokens: every plugin styles its buttons with var(--rev-btn-*, <fallback>) and its headings with var(--rev-heading-font), falling back to its own default if no token is present.

:root {
  --rev-btn-bg:        #84CC16;
  --rev-btn-bg-hover:  #65A30D;
  --rev-btn-color:     #0B1220;
  --rev-btn-radius:    10px;
  --rev-heading-font:  "Inter", system-ui, sans-serif;
}

And here is how a plugin consumes them, keeping its old value as the fallback so it works even with no theme present:

.rev-btn-primary {
  background:    var(--rev-btn-bg, #6366f1);
  color:         var(--rev-btn-color, #fff);
  border-radius: var(--rev-btn-radius, 8px);
}

Token	Set by	Controls
--rev-btn-bg	Primary color	Solid button background across theme & plugins.
--rev-btn-bg-hover	Primary + hover style	Button background on hover.
--rev-btn-color	Auto-contrast	Button text color (picked for readability).
--rev-btn-radius	Button shape	Corner radius from sharp to pill.
--rev-heading-font	Global heading font	Font family for suite headings.
--rev-h1-size ... --rev-h6-size	Per-tag heading size	Size for each heading level.

Why this matters: A block's own typography or color always wins. The contract only fills in the default, so a heading or button you styled by hand inside Blocks stays exactly as you set it. If you add a custom button, wire it to the contract with var(--rev-btn-bg, ...) rather than pasting a fixed hex.