1---
2# The "Solace" Design System
3This is a comprehensive design language for a mindfulness and wellness application.
4 
5## 🎨 Color Palette
6- **Primary**: Deep Ocean Blue (#1a365d) - for critical navigation and CTAs.
7- **Secondary**: Calm Slate (#718096) - for subtexts and secondary buttons.
8- **Background**: Soft Mist (#f7fafc) - for main page content.
9- **Accent**: Serene Emerald (#38a169) - for positive feedback and completion states.
10 
11## 🔡 Typography
12- **Heading**: Montserrat, Bold - for titles and hero section headlines.
13- **Body**: Inter, Regular - for descriptions and general content.
14- **Size**: 16px as base, 48px for H1.
15 
16## 📐 Components
17- **Buttons**: Rounded (12px), subtle hover shadow (4px blur).
18- **Cards**: Minimal border (1px, #e2e8f0), soft shadow (8px elevation).
19- **Navigation**: Clean, top-aligned, centered menu items.
20 
21---
22💡 **Tip**: When calling `generate_screen_from_text`, include the tokens above to ensure the new screen matches this design system.
23