Styling Decision Tree Critical Rules Never Use var() in className Never Use Hex Colors The cn() Utility When to Use cn() When NOT to Use cn() Style Constants for Charts/Libraries When libraries don't accept className (like Recharts): Dynamic Values Common Patterns Flexbox Grid Spacing Typography Borders & Shadows States Responsive Dark Mode Arbitrary Values (Escape Hatch) Keywords tailwind, css, styling, cn, utility classes, responsive ---