## Color Scheme
- **Background**: #1a1a1a
- **Text**: #e0e0e0
- **Accent (Active Elements)**: #9b59b6 (Bright Purple)
- **Selection**: #2ecc71 (Green Highlight)
- **Warning/Destructive**: #e74c3c (Red)
- **Category Tags**: Various
## Typography
- **Headers**: Inter, 2xl, Bold, White
- **File Names**: Inter, lg, Semibold, Purple
- **Technical Information**: Inter, sm, Medium, Gray
- **UI Labels**: Inter, xs, Normal, Gray
## Spacing and Layout
- **Grid System**: 12-column grid
- **Padding**: 4 units
- **Margin**: 4 units
## Components
- **Button**: Rounded, Shadow, Hover/Active States
- **Panel**: Collapsible, Shadow, Padding
## Accessibility
- **Contrast Ratio**: Minimum 4.5:1
- **Keyboard Navigation**: Tab order, Focus indicators
- **Screen Reader**: ARIA labels, Descriptions
- **Scalable Text**: Relative units, User settings
## Animation/Transition
- **Hover Effects**: 200ms ease-in-out
- **Panel Collapse**: 300ms ease-in-out
- **Modal Dialogs**: Fade in/out, 300ms