# Sama Yoga Brand Kit

A calm, grounded visual system for daily yoga, meditation, and meaningful living.

## Core palette

| Token | Value | Use |
| --- | --- | --- |
| `--sama-deep-blue` | `#0B1D2A` | Primary ink, dark fields, grounding depth |
| `--sama-ocean` | `#1E6B7A` | Links, actions, focused emphasis |
| `--sama-seafoam` | `#68A99F` | Soft accent, highlights, gentle contrast |
| `--sama-sand` | `#E8E2D6` | Warm supporting surface |
| `--sama-mist` | `#F7F7F2` | Page background and light contrast |
| `--sama-paper` | `#FFFDF8` | Cards, reading surfaces, quiet elevation |
| `--sama-slate` | `#43515A` | Secondary copy |
| `--sama-border` | `#D4D5CD` | Dividers and input outlines |

Use deep blue as the anchor. Ocean and seafoam should guide attention without overpowering the page. Sand and mist keep the system soft, warm, and spacious.

## Typography

- **Display:** Cormorant Garamond, regular to medium. Use for headings, moments of reflection, and the Sama Yoga wordmark.
- **Body:** Inter, light to medium. Use for navigation, labels, long-form reading, and UI.
- **Fallbacks:** The stylesheet provides serif and sans-serif fallback stacks if a web-font import or license is unavailable.

If you load web fonts, use an approved provider or self-hosted font files that match your licensing and privacy requirements. Avoid treating a remote import as a substitute for a font license.

## Spacing and shape

- Build with the `--sama-space-*` scale; use generous vertical space around practice and reflection.
- Use `--sama-radius-pill` for primary actions, `--sama-radius-md` for ordinary controls, and `--sama-radius-lg` for editorial surfaces.
- Keep shadows restrained. `--sama-shadow-sm` is enough for most cards; reserve `--sama-shadow-md` for a clear hierarchy shift.

## Usage

1. Include `sama-brand.css` in your project.
2. Apply `sama-display`, `sama-body`, and `sama-label` for common text treatments.
3. Use `sama-button` for a primary action or add `sama-button--quiet` for a bordered secondary action.
4. Preserve contrast: use light text on deep blue/ocean fields and deep blue or slate text on mist, paper, and sand surfaces.

## Voice

Quiet, spacious, and considered. Favor concise language, meaningful pauses, and one clear action at a time.