{% raw %} Always use design system tokens (theme values, breakpoints, spacing units) instead of hard-coded values. This ensures consistency across the codebase and makes maintenance easier when design changes are needed. Bad: ```tsx ``` Good: ```tsx ``` This practice: - Maintains visual consistency - Simplifies theme customization - Makes responsive design more maintainable - Reduces the need for magic numbers in the code {% endraw %}