I feel like your approach should depend on your particular project/needs. With modern frameworks, CSS/SCSS is often "scoped" to components which could lead to

I feel like your approach should depend on your particular project/needs. With modern frameworks, CSS/SCSS is often "scoped" to components which could lead to just a handful of general purpose or page specific CSS files that need no organizing as files go. Content of said files is another topic. Inheritance is built in and you can overwrite pretty much anything from everywhere. That's both good and bad. If you happen to reuse something, put in (one of your) main css file. Having your own set of lego block goes a long way.