Why can custom properties help reduce specificity wars compared to overriding whole rules per theme?

Short interview answer

Instead of writing higher-specificity or later-cascade rules per theme to override colors on every component, you redefine a handful of custom property values once; the components' own rules never need theme-specific overrides because they were already written generically against var(--name), so there's nothing to out-specify.