How would you architect CSS for a large design system to avoid specificity wars and unmaintainable overrides?

Explain how the browser computes the "used value" of a CSS property through the stages: specified, computed, used, and actual value.