/* ============================================================ SURFACE — Tier 2, the contract ============================================================ TWO INDEPENDENT AXES -------------------- THEME global, one per page. Owns the background veil and the DEFAULT surface polarity. SURFACE local, nestable to any depth. data-surface="light|dark" THE NEAREST ANCESTOR WINS. HOW THE NESTING WORKS --------------------- There is no JavaScript and no depth counter, because CSS already does exactly this. Custom properties inherit; re-declaring them on a descendant overrides them for that subtree and nothing else. That IS "the closest parent decides", for free, at any depth. → dark tokens