How do you design a theming system to support multiple brands or modes like dark mode with the same component library?

Sample answer preview

A well-designed theming system allows the same component library to serve multiple brands or visual modes without duplicating component code. Three-level token architecture starts with primitive level. Raw values named neutrally. For example, blue-500, gray-100, font-size-16.