Make complex code readable

Using locally scoped CSS custom properties as a technique to make complex CSS more readable and maintainable. By naming custom properties descriptively and exposing only the parts that need to be modified, complex underlying CSS logic can be abstracted away — similar to how a car exposes only the controls the driver needs. This approach lowers the barrier for others to understand and modify CSS code without needing to understand every implementation detail.