feat: add comprehensive CSS variables for colors, spacing, and animations
- Add frequently used color variables:
- Dark colors: $black, $dark-blue, $orange-red
- Status colors: $green-success, $red-error
- Gray variations for backgrounds and borders
- Add shadow and overlay utilities:
- Shadow levels: subtle, light, medium, dark, heavy
- Overlay variations for modals and overlays
- Border utilities for consistent borders
- Expand spacing units:
- Add missing multipliers ($unit-7x through $unit-19x)
- Add common pixel values for precise spacing
- Add animation/transition durations:
- Transition speeds: instant, fast, normal, medium, slow
- Animation speeds: fast, normal, slow, very-slow
These variables provide a foundation for replacing hardcoded values.
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
Justin Edmund
bd91642244