1. token defined on the consuming element

WHITE heading on the dark band (was invisible/black before)

muted teal caption

2. token inherited from an ancestor

red text, token comes from the parent div

blue title (descendant selector)

3. nearest scope wins

must be GREEN, not red

4. id selector

yellow hero band

5. no token anywhere -> fallback / unset (unchanged behaviour)

grey (#999 fallback), no token in scope

default colour, token undefined everywhere

6. :root palette still works both ways

brand colour from the stylesheet

brand colour used from an inline style

brand colour via an inline alias

7. an explicit inline declaration still wins

must be MAGENTA (inline colour beats the deferred rule)

8. borders

bordered chip

9. token overridden by another, more specific rule (no inline style)

WHITE button, dark text dark button, white text

10. rule's own default vs. the element's override

dark (the rule's own default)

red (element overrides that default)