# Website Design System Documentation
## Overview
This document describes the unified design system for the Yogesh Wadadekar website. The system provides consistent styling, components, and functionality across all pages.
## File Structure
```
css/
├── variables.css # CSS custom properties (colors, typography, spacing)
├── components.css # Reusable UI component styles
└── style.css # Main stylesheet (imports above + base styles)
js/
└── main.js # JavaScript utilities (theme toggle, navigation, etc.)
src/
└── navbar-template.html # Copy-paste navigation templates
```
## Quick Start
### For New Pages
1. Copy the head section template from `src/navbar-template.html`
2. Add the navigation bar
3. Add your content
4. Add the footer
5. Include the scripts before ` `
### Minimal Example
```html