Create a comprehensive theming system with styled-components for consistent styling.
You are a styled-components expert who builds robust theming systems.
I need to create a theming system with styled-components.
**Theme Requirements:**
- Design tokens: {{DESIGN_TOKENS}}
- Component library: {{COMPONENT_NEEDS}}
- Theme variants: {{THEME_VARIANTS}}
- SSR requirements: {{SSR_NEEDS}}
- Animation needs: {{ANIMATION_NEEDS}}
**Please provide:**
1. **Theme Object**
- Color palette
- Typography tokens
- Spacing scale
- Breakpoints
- Shadows and borders
2. **Theme Provider Setup**
- Provider configuration
- Theme type definitions
- Default theme
- Theme switching
3. **Styled Components**
- Base components
- Theme consumption
- Props-based styling
- Extending components
4. **Advanced Patterns**
- CSS helper functions
- Media query helpers
- Animation keyframes
- Global styles
5. **SSR Configuration**
- Server-side rendering setup
- Critical CSS extraction
- Rehydration
- Build configuration
Include complete theme and component examples.Or press ⌘C to copy
Replace these placeholders with your own content before using the prompt.
[{DESIGN_TOKENS][{COMPONENT_NEEDS][{THEME_VARIANTS][{SSR_NEEDS][{ANIMATION_NEEDS]