# Design Tokens — Big Breathe

## Color Palette (Forest Green)

| Token          | Value     | Use                          |
|----------------|-----------|------------------------------|
| --forest       | #3A7D54   | Primary brand green          |
| --forest-deep  | #275C3D   | Hover states, accents        |
| --forest-soft  | #72AF87   | Muted / secondary green      |
| --forest-pale  | #B8D9C5   | Borders, decorative          |
| --forest-mist  | #E2F2E9   | Backgrounds, orbs            |
| --ink          | #1E2E28   | Primary text                 |
| --ink-soft     | #4A5E56   | Body text                    |
| --ink-mute     | #7A8880   | Captions, labels             |
| --cream        | #F9F7F4   | Hero / section backgrounds   |
| --bone         | #FBFAF7   | Page background              |
| --footer-bg    | #1E2E28   | Footer dark                  |

## Typography
- Display: Cormorant Garamond (Google Fonts)
- Body: Inter (Google Fonts)
- Scale: tokens.css --t-xs through --t-6xl

## CSS class prefix
bb- (vs. vy- in vibrantyoucounseling.com)
