3-Tier Token Mapping for Multi-Brand Ecosystems

In a single-brand system, two token tiers can suffice. But in a multi-brand architecture, the 3-Tier Token Hierarchy is mandatory:

1. Tier 1 (Global Brand Primitives): The raw color palettes and fonts of each brand (e.g. brandA-blue-500: #0066cc vs brandB-red-500: #e60000).
2. Tier 2 (Semantic Aliases): Abstract functional roles (e.g. color-interactive-primary: {brand-primary}).
3. Tier 3 (Component Tokens): Specific element bindings (e.g. button-bg-primary: {color-interactive-primary}).

When switching from Brand A to Brand B, the component token doesn't change—only the mapping of the semantic alias points to the other brand's primitive.