Django CSS Refactor & Framework Readiness

I have a live Django portal whose pages have grown inconsistent over time. The first priority is to clean up the CSS styling and consolidate everything into one well-structured, reusable stylesheet. Once that baseline is solid, I want the whole front-end framework set up so that any new page we add can instantly inherit the same look and feel.

Scope
• Create a single common CSS (or SCSS) file and remove or merge any page-specific styles.
• Standardize the visual treatment of:
– Headers and footers
– Buttons and forms
– Navigation menus
• Tidy the related template blocks in Django to ensure every page pulls the shared assets cleanly.
• Leave hooks or mixins that make it easy for future pages to slot in without new custom CSS.
• Provide a concise style guide or README that shows how to apply the new classes when we build additional views.

What I’m looking for
I care most about a clean, maintainable structure rather than a flashy redesign. If you have past work that shows you have brought order to legacy CSS or unified styles across multiple Django templates, that’s exactly what I want to see. A quick outline of your approach is welcome, but examples carry more weight.

Tech stack in play
Django 3.x, Python 3.10, plain JavaScript (no heavy front-end framework), Bootstrap currently sprinkled in but not a hard requirement—feel free to recommend a lightweight alternative if it keeps things modular and future-proof.

Deliverables are complete when the common stylesheet is in place, all targeted elements render consistently across existing pages, and your implementation notes make it straightforward for my in-house devs to onboard the next pages painlessly.