# App Description
This is meant to be an exercise application for all sorts of exercise. It will primarily store data locally. Storing to a database will be an optional upgrade. One of the big purposes of this is to avoid the garbage apps that have tons of ads and other stuff. Nice and simple and easy to use for any type of exercise.

# Style

Dark only. Surfaces stay quiet so effort reads as heat. Prefer borders over shadows.

## Colors

| Role | Token | Hex | Use |
| --- | --- | --- | --- |
| Page | `--ink-sunken` | `#0c0f14` | App background |
| Surface | `--ink` | `#12161c` | Base surface |
| Surface raised | `--ink-raised` | `#1b222c` | Cards, nav |
| Text | `--paper` | `#f4efe6` | Primary type. Warm, not pure white |
| Text dim | `--paper-dim` | `#d8d0c4` | Secondary body copy |
| Muted | `--mist` | `#8b97a8` | Labels, secondary type |
| Border | `--line` | `#2c3542` | Dividers |
| Border strong | `--line-strong` | `#3d4a5c` | Ghost controls, stronger edges |
| Action | `--ember` | `#e25b3a` | Primary button, active ring, current set |
| Action pressed | `--ember-deep` | `#b84328` | Pressed or hover on ember |
| Action tint | `--ember-soft` | `#f3b6a4` | Active nav text, soft ember highlights |
| Recovery | `--tide` | `#3e8f86` | Rest, completed volume, secondary action |
| Recovery pressed | `--tide-deep` | `#2a6861` | Pressed or hover on tide |
| Recovery tint | `--tide-soft` | `#b7d8d4` | Soft tide highlights |
| Target | `--sand` | `#e7c07a` | Goals, PRs, section kickers. Not a warning |
| Target deep | `--sand-deep` | `#c4964a` | Pressed sand, stronger target marks |
| Heart | `--pulse` | `#d4526e` | Heart rate only |
| Ok | `--ok` | `#6ea36a` | Finished, success. Off the brand hues |
| Warn | `--warn` | `#d4a24a` | Missed target, open set. Not sand |
| Danger | `--danger` | `#c44b4b` | Errors, destructive |

Ember button text is `#1a0d09`, not paper. Tide button text is `#071614`.

## Use

- Ink is the room. Ember is the action. Tide is rest and completion. Sand is the marker being chased.
- Do not use ember, tide, or sand for status. Ok, warn, and danger stay separate so a finished set, a missed target, and a failure do not look like buttons.
- Pulse is heart rate only. Do not use it for actions or errors.
- Paper on ink is about 14:1. Ember on ink-sunken is about 5.4:1: large type and rings only, not small body text.
- Radius `14px` on cards, `999px` on buttons and badges. Shadow, if any, `0 18px 40px rgba(0, 0, 0, 0.28)`.