@tenphi/glaze 0.0.0-snapshot.fdc17e3 → 0.0.0-snapshot.fe2bc04

package/AGENTS.md

@@ -0,0 +1,132 @@
+# AGENTS.md — @tenphi/glaze
+
+## Package Overview
+
+- **Package:** `@tenphi/glaze`
+- **Repository:** [https://github.com/tenphi/glaze](https://github.com/tenphi/glaze)
+- **Description:** Zero-dependency color theme generator built on OKHST (OKHSL with a contrast-uniform **tone** axis), with WCAG + APCA contrast solving for light, dark, and high-contrast schemes.
+- **Runtime:** Node >= 20, browsers, edge. Pure math, no I/O.
+- **Output formats:** ESM + CJS, with full `.d.ts`.
+
+## Project Structure
+
+```
+glaze/
+├── src/                       Source
+├── docs/                      Long-form docs (okhst / api / methodology / migration)
+├── assets/                    Logo + brand assets
+├── scripts/                   Repo helpers
+├── README.md                  Compact intro
+├── AGENTS.md                  This file
+├── CHANGELOG.md               Auto-generated by Changesets
+├── package.json
+├── tsconfig.json
+├── tsdown.config.ts           Build config
+├── vitest.config.ts           Test config
+└── eslint.config.js
+```
+
+### `src/` files
+
+| File | Description |
+|---|---|
+| [src/index.ts](src/index.ts) | Public barrel; re-exports `glaze`, every public type, the contrast-solver utilities, and the OKHSL/sRGB/OKLab math helpers. |
+| [src/glaze.ts](src/glaze.ts) | `glaze()` factory + attached statics: `palette`, `paletteFrom`, `color`, `colorFrom`, `themeFrom`, `from` (alias), `fromHex`, `fromRgb`, `shadow`, `format`, `configure`, `getConfig`, `resetConfig`, `isThemeExport` / `isColorTokenExport` / `isPaletteExport`. Thin wiring layer over the focused modules below. |
+| [src/theme.ts](src/theme.ts) | Single-theme factory (`createTheme`). Owns the mutable `ColorMap`, the `resolve()` cache (versioned against `getConfigVersion()`), and the `tokens` / `tasty` / `json` / `css` / `extend` / `export` methods. `export(override?)` deep-clones defs and freezes effective config with `kind`/`version`. |
+| [src/palette.ts](src/palette.ts) | Multi-theme composition (`createPalette` / `createPaletteFromExport`). Shared per-theme driver `buildPaletteOutput` handles prefix resolution, primary duplication, collision filtering. Authoring: `export(override?)`, `theme` / `themes` / `list` / `primary`. |
+| [src/color-token.ts](src/color-token.ts) | Standalone `glaze.color()` tokens. Parses values through `color-value.ts`; owns the structured-input validator, the two factory paths, sparse local config + live resolve, and the JSON-safe export / `glaze.colorFrom` rehydrate round-trip. |
+| [src/color-value.ts](src/color-value.ts) | `GlazeColorValue` parsing + validation: hex (3/6/8), the `rgb()` / `hsl()` / `okhsl()` / `okhst()` / `oklch()` functions, and the four value-object shapes, all normalized to OKHSL by `extractOkhslFromValue`. Split out of `color-token.ts` so the resolver can reach it for a theme color's `from` without closing an import cycle. Leaf module — depends only on the color math. |
+| [src/serialize.ts](src/serialize.ts) | Authoring-export helpers: `GLAZE_EXPORT_VERSION`, `assertExportKind` / `assertExportVersion`, and `isThemeExport` / `isColorTokenExport` / `isPaletteExport` type guards. |
+| [src/resolver.ts](src/resolver.ts) | Four-pass solver (light → light-HC → dark → dark-HC), dropping to two-pass (light → dark) with mirrored HC slots only at `contrastLevel: 100`, where the normal passes already are the HC ones (`hcMirrorsNormal`). Under any other manual level `passTone` / `passNumber` / `resolveContrastSpec` feed interpolated inputs into the two *normal* passes and a probe solve at the nearer endpoint pins which side of its base a contrast-solved color sits on; the HC passes bypass the level and the probe entirely, so the HC tier is bit-identical to `'auto'`. Stores canonical tone (`t`) in variants; per-scheme branches for regular, shadow, and mix defs; integrates the contrast solver, and the OKHST tone helpers. `resolveChannels` owns per-scheme hue/saturation (incl. the `darkHue` / `darkSaturation` seed + def overrides, the `darkDesaturation` bypass, and the absolute hue/saturation a `from` color carries in place of the seed factor) and feeds both the emitted variant and the contrast solver. `configForColor` gives a `from` color a local `lightTone: false` so its light variant reproduces the authored value. Converts to/from OKHSL lightness only at the mix/shadow edges. Pre-seeds externally-resolved bases for `glaze.color({ base })`. |
+| [src/okhst.ts](src/okhst.ts) | The OKHST tone layer. `REF_EPS`, tone↔lightness transfers (`toTone`/`fromTone`, `toneFromY`/`yFromTone`), OKHST↔OKHSL conversions, `variantToOkhsl` (tone→lightness at render), `normalizeToneWindow` (`[lo,hi]` / `{lo,hi,eps}` / `false` → `{lo,hi,eps}`), `mapToneForScheme` (scheme inversion + window remap, HC bypass), `mapSaturationDark` (the `darkDesaturation` reducer the resolver skips when a dark saturation is authored), and `schemeToneRange` for the solver. `activeWindow` owns the HC window bypass and its continuous form under `contrastLevel`. Only tone adapts here — hue/saturation are the resolver's business. |
+| [src/contrast-solver.ts](src/contrast-solver.ts) | Tone-based binary-search solver for WCAG **and** APCA. Public API: `findToneForContrast` (incl. the `preferInitial` tie-break the manual level uses on its normal passes to keep a color's side stable), `findValueForMixContrast`, `resolveContrastForMode`, `resolveContrastForLevel` (both ends resolved, target interpolated for a manual `contrastLevel`; throws on a metric switch), `contrastMetricOf`, `resolveMinContrast`, `apcaContrast`. Closed-form WCAG seed + tone search. |
+| [src/shadow.ts](src/shadow.ts) | Shadow + mix def predicates (`isShadowDef`, `isMixDef`), default `ShadowTuning`, tuning merge, the actual `computeShadow` math (hue blend, saturation cap, lightness clamp, `tanh` alpha curve) operating on OKHSL lightness at the edge, and `circularLerp` for hue. |
+| [src/hc-pair.ts](src/hc-pair.ts) | Tiny shared helpers: HC-pair selection (`pairNormal` / `pairHC`), HC-pair interpolation for the manual contrast level (`contrastFraction`, `hcMirrorsNormal` — the level-100 "HC slots are duplicates" predicate, `levelFraction`, `numberAt`, `parseToneValueAt`, `PAIR_SWITCH`), tone-value parsing (`parseToneValue` for absolute / relative / `'max'`/`'min'` extremes, `isExtremeTone`), root-tone discrimination (`isAbsoluteTone`, now incl. extremes), `clamp` / `lerp`, hue resolution (`resolveEffectiveHue`), relative-value parsing. Leaf module — types only, so every other module can import it. |
+| [src/formatters.ts](src/formatters.ts) | Variant→string dispatch (`okhsl` / `rgb` / `hsl` / `oklch`) and the four token-map shapes Glaze emits: `buildTokenMap` ([Tasty](https://tasty.style) `#name` keys + state aliases), `buildFlatTokenMap` (per-variant maps), `buildJsonMap` (per-color JSON), `buildCssMap` (CSS custom-property declarations). For `splitHue` it emits the light hue declarations plus, via `darkHueDeclarations` in `channels.ts`, the whole dark set when a `darkHue` makes it differ. Also the `resolveModes` helper used everywhere. |
+| [src/okhsl-color-math.ts](src/okhsl-color-math.ts) | OKHSL ↔ linear-sRGB ↔ gamma-sRGB ↔ OKLab conversions, hex parsing (3/6/8 digits), gamut clamping, and the `formatOkhsl` / `formatOkhst` / `formatRgb` / `formatHsl` / `formatOklch` writers. Converters and writers share one scale — `h` 0–360, `s` / `l` / `t` 0–1 — so any converter composes with any writer (the 0–100 tone axis lives in `okhst.ts`'s `toTone` / `fromTone`, not here); `warnPercentScale` catches pre-2.0 percentage-scale input instead of emitting a plausible wrong color. The only file with the actual color science. |
+| [src/config.ts](src/config.ts) | Global config singleton. `defaultConfig()` is the one source of truth for defaults; `configure()` mutates the live object and bumps a monotonic `configVersion` so theme caches invalidate. `snapshotConfig()` powers `glaze.getConfig()`. `freezeConfigForExport()` freezes resolve-relevant fields for authoring export (`pastel` is instance-only; `contrastLevel` is frozen only when instance-authored, since a global level is a live preference). `normalizeContrastLevel()` validates the manual contrast level. |
+| [src/validation.ts](src/validation.ts) | `validateColorDefs` (missing references, shadow-bg-cannot-be-shadow, mix-cannot-target-shadow, contrast-without-base, relative-without-base, WCAG-vs-APCA metric switch in a `contrast` pair, etc.) + `topoSort` so the resolver processes each color after its dependencies. |
+| [src/warnings.ts](src/warnings.ts) | Deduped contrast-unmet warnings. Caps cache at 256 entries to keep dev-server output bounded. |
+| [src/types.ts](src/types.ts) | All public TypeScript types: `HCPair`, `MinContrast`, `ContrastSpec`, `RelativeValue`, `ExtremeValue` (`'max'`/`'min'`), `ToneValue`, `AdaptationMode`, `OkhstColor`, `ToneWindow` (`[lo,hi]` \| `{lo,hi,eps}` \| `false`), `ColorDef` discriminated union (with `tone` + `flip` + `darkHue` / `darkSaturation`), `GlazeConfig` (with `lightTone` / `darkTone` / `autoFlip` / `contrastLevel`), `GlazeThemeSeed` (`hue` / `saturation` + optional dark pair), `GlazeTheme`, `GlazePalette`, `GlazeColorToken`, the `*Export` shapes, etc. `ResolvedColorVariant` stores `{ h, s, t, alpha }`. |
+| `src/glaze.test.ts` | Main test suite — covers the factory surface, resolver behavior, palette composition, shadow/mix algorithms, the manual contrast level, and the standalone color token round-trip. |
+| `src/contrast-solver.test.ts` | Tests for the binary-search solver in isolation. |
+| `src/hc-pair.test.ts` | Tests for the pure HC-pair selection and interpolation helpers. |
+| `src/okhsl-color-math.test.ts` | Tests for the format writers' 0–1 scale contract, the percentage-scale guard, and producer→writer composition. |
+
+### `docs/` files
+
+| File | Description |
+|---|---|
+| [docs/okhst.md](docs/okhst.md) | The OKHST color model spec — tone math, `REF_EPS`, the T↔L invariant, the scheme pipeline, calibrated window defaults, the contrast metric, and the APCA verification step. Source of truth for the color model. |
+| [docs/api.md](docs/api.md) | Full API reference. Every method, every option, every type. Reads as a lookup, not a tutorial. |
+| [docs/methodology.md](docs/methodology.md) | Palette design methodology — how to build a palette from scratch. Covers naming conventions, surface ladders, the accent anchor pattern, contrast-driven disabled chips, shadows, and `extend` composition. |
+| [docs/migration.md](docs/migration.md) | Migration & integration guide — choosing an export shape, wiring tokens into [Tasty](https://tasty.style) / CSS / JSON, prefix-map strategies, migrating from a legacy color system, and common pitfalls. |
+
+## Commands
+
+| Command | Description |
+|---|---|
+| `pnpm build` | Build ESM + CJS via tsdown (with `.d.ts` and sourcemaps). |
+| `pnpm test` | Run all tests (Vitest 4). |
+| `pnpm test -- <pattern>` | Run a subset of tests. |
+| `pnpm test:watch` | Tests in watch mode. |
+| `pnpm test:coverage` | Tests with coverage report. |
+| `pnpm typecheck` | Type-check without emitting. |
+| `pnpm lint` | ESLint over `src/`. |
+| `pnpm lint:fix` | ESLint with `--fix`. |
+| `pnpm format` | Prettier write `src/**/*.ts`. |
+| `pnpm format:check` | Prettier check (no writes). |
+| `pnpm changeset` | Create a changeset entry. |
+| `pnpm release` | Build and publish (used by CI). |
+
+## Stack
+
+- **Language:** TypeScript (strict mode, `consistent-type-imports` enforced)
+- **Build:** [tsdown](https://github.com/rolldown/tsdown) — ESM + CJS, unbundled, dts + sourcemaps
+- **Test:** [Vitest 4](https://vitest.dev/) with globals enabled
+- **Lint:** ESLint 10 + typescript-eslint + `eslint-config-prettier`
+- **Format:** Prettier — single quotes, semicolons, trailing commas, 80 cols
+- **Versioning:** [Changesets](https://github.com/changesets/changesets)
+- **Package manager:** pnpm 11
+
+## Code Conventions
+
+- TypeScript strict mode; `consistent-type-imports` enforced.
+- Test files use `*.test.ts` and live next to the module they test in `src/`.
+- Unused vars prefixed with `_` are allowed.
+- **No runtime dependencies** — every bit of math is implemented from scratch.
+- Functional API pattern: `glaze()` factory with attached static methods; no classes.
+- Each module starts with a JSDoc block describing its responsibility — keep these in sync when behavior changes.
+
+## Adding a New Color Type
+
+If you need to add a fourth `ColorDef` variant (alongside regular / shadow / mix), touch these files in order:
+
+1. [src/types.ts](src/types.ts) — add the new interface and extend the `ColorDef` discriminated union.
+2. [src/shadow.ts](src/shadow.ts) — add a discriminator predicate (`isFooDef`).
+3. [src/validation.ts](src/validation.ts) — extend `validateColorDefs` (missing-reference / cycle handling) and `topoSort` (record the new dependency edges).
+4. [src/resolver.ts](src/resolver.ts) — add a per-scheme `resolveFooForScheme` branch and dispatch from `resolveColorForScheme`.
+5. [src/formatters.ts](src/formatters.ts) — only if the output shape differs (it usually doesn't; the resolver returns a normal `ResolvedColorVariant`).
+6. `src/glaze.test.ts` — add coverage for the new def, including HC pairs, dark-mode behavior, and inheritance through `extend`.
+
+For a new public method on `glaze` (e.g. another statics entry), the wiring lives entirely in [src/glaze.ts](src/glaze.ts); the implementation should still go in a focused module.
+
+## CI/CD & Release
+
+- **CI:** Runs lint, format check, typecheck, build, and tests on push to `main` and PRs.
+- **Release:** On push to `main`, `changesets/action` either creates a version PR or publishes to npm.
+- **Snapshot:** Comment `/snapshot` on a PR to publish a `0.0.0-snapshot.<sha>` release.
+- **npm trusted publishing:** Uses OIDC provenance via the `release` GitHub environment; the workflow requires `environment: release` for npm to accept the OIDC token.
+- **`RELEASE_TOKEN` secret:** Fine-grained GitHub PAT (repo-scoped, `contents: write` + `pull-requests: write`) used by `changesets/action` for Git pushes and PR creation. Rotate before expiry.
+- **Repo settings required:** Settings → Actions → General → Workflow permissions → "Allow GitHub Actions to create and approve pull requests" must be enabled.
+
+## Before Pushing Changes
+
+Follow [`.cursor/commands/submit-changes.md`](.cursor/commands/submit-changes.md) for the full release-oriented workflow. At minimum:
+
+1. **Typecheck** — `pnpm typecheck`. Stop and fix errors before continuing.
+2. **Lint** — `pnpm lint`. Stop and fix errors before continuing.
+3. **Format** — `pnpm format` so the diff matches Prettier output.
+4. **Changeset** — for any user-visible change (features, fixes, refactors, perf, docs that affect published behavior), add a markdown file in `.changeset/` with a `patch` / `minor` / `major` bump and a concise user-facing summary. Skip only for purely internal changes (CI, repo churn, tests with no behavior change).
+5. **Commit** — Conventional Commits (`feat`, `fix`, `refactor`, `test`, `docs`, `chore`, `perf`, `ci`). Optional scope. Keep the subject short. Include the changeset file in the same commit.
+6. **Push** — never push to `main`. Confirm the current branch, then `git push -u origin HEAD`.

package/README.md

@@ -5,7 +5,7 @@
 <h1 align="center">Glaze</h1>
 
 <p align="center">
-  OKHST-based color theme generator with WCAG contrast solving
+  OKHST-based color theme generator with WCAG and APCA contrast solving
 </p>
 
 <p align="center">
@@ -16,23 +16,31 @@
 
 ---
 
-Glaze generates robust **light**, **dark**, and **high-contrast** color schemes from a single hue/saturation seed. WCAG contrast is preserved via explicit dependency declarations — no hidden role math, no magic multipliers.
+Glaze generates **light**, **dark**, and **high-contrast** color schemes from a
+single hue/saturation seed. Relationships stay explicit: colors either define
+an absolute tone or depend on a named base through a tone delta and an optional
+contrast floor.
 
 ## Features
 
-- **OKHST color space** — OKHSL with a contrast-uniform **tone** axis (equal tone steps give equal contrast). See [`docs/okhst.md`](docs/okhst.md).
+- **OKHST color space** — OKHSL with a contrast-shaped **tone** axis. Equal
+  steps give equal WCAG contrast for neutrals and a useful approximation for
+  chromatic colors. See [OKHST in Glaze](docs/okhst.md) and the
+  [full OKHST specification](https://github.com/tenphi/okhst).
 - **WCAG 2 + APCA contrast solving** — automatic tone adjustment to meet a WCAG ratio or APCA Lc floor
 - **Unified dark mode** — one tone space for light, dark, and high-contrast; dark is a single `100 − t` inversion, no fitted curve
 - **Mix colors** — blend two colors with OKHSL or sRGB interpolation, opaque or transparent, with optional contrast solving
 - **Shadow colors** — OKHSL-native shadow computation with automatic alpha, fg/bg tinting, and per-scheme adaptation
 - **Light + Dark + High-Contrast** — all schemes from one definition
+- **Manual contrast level** — put your normal palette on a `0–100` slider between itself and the high-contrast one; every level in between is solved, not approximated, and the high-contrast tier stays available on top
 - **Per-color hue override** — absolute or relative hue shifts within a theme
-- **Multi-format output** — `okhsl`, `rgb`, `hsl`, `oklch` with modern CSS space syntax
+- **Multi-format output** — native `rgb`, `hsl`, and `oklch`, plus
+  [Tasty](https://tasty.style)-compatible `okhsl` and `okhst`
 - **CSS custom properties export** — ready-to-use `--var: value;` declarations per scheme
 - **W3C DTCG export** — spec-conformant `.tokens.json` (2025.10) for Figma, Tokens Studio, Style Dictionary, and every DTCG tool
 - **W3C DTCG Resolver-Module export** — opt-in single-document `dtcgResolver()` (sets + a `scheme` modifier with a context per variant) for resolver tools such as Dispersa
 - **Tailwind CSS v4 export** — `@theme` block + dark / high-contrast overrides
-- **Import/Export** — serialize and restore theme configurations
+- **Import/Export** — serialize and restore themes, color tokens, and entire palettes as JSON
 - **Create from hex/RGB** — start from an existing brand color
 - **Zero dependencies** — pure math, runs anywhere (Node.js, browser, edge)
 - **Tree-shakeable ESM + CJS** — dual-format package
@@ -57,45 +65,93 @@ yarn add @tenphi/glaze
 ```ts
 import { glaze } from '@tenphi/glaze';
 
-const primary = glaze(280, 80);
-
-primary.colors({
-  surface:        { tone: 97, saturation: 0.75 },
-  text:           { base: 'surface', tone: '-52', contrast: 'AAA' },
-  border:         { base: 'surface', tone: ['-7', '-20'], contrast: 'AA-large' },
-  'accent-fill':  { tone: 52, mode: 'fixed' },
-  'accent-text':  { base: 'accent-fill', tone: 'max', mode: 'fixed' },
-  'shadow-md':    { type: 'shadow', bg: 'surface', fg: 'text', intensity: 10 },
+glaze.configure({
+  modes: { dark: true, highContrast: true },
 });
 
-const danger  = primary.extend({ hue: 23 });
-const success = primary.extend({ hue: 157 });
+const defaultTheme = glaze(280, 80);
+
+defaultTheme.colors({
+  surface: { tone: 97, saturation: 0.15 },
+  'surface-text': {
+    base: 'surface',
+    tone: '-1',
+    contrast: { apca: ['content', 'body'] },
+  },
+  border: {
+    base: 'surface',
+    tone: ['-8', '-16'],
+    inherit: false,
+  },
+  'accent-surface': { tone: 52, mode: 'fixed' },
+  'accent-surface-text': {
+    base: 'accent-surface',
+    tone: '+1',
+    contrast: 'AA',
+    mode: 'fixed',
+  },
+});
 
-const palette = glaze.palette(
-  { primary, danger, success },
-  { primary: 'primary' },
-);
+const dangerTheme = defaultTheme.extend({ hue: 23 });
+const palette = glaze.palette({ default: defaultTheme, danger: dangerTheme });
 
-const tokens = palette.tokens();
-// → { light: { 'primary-surface': 'okhsl(...)', 'surface': 'okhsl(...)', ... },
-//     dark:  { 'primary-surface': 'okhsl(...)', 'surface': 'okhsl(...)', ... } }
+const tokens = palette.tokens({
+  prefix: { default: '', danger: 'danger-' },
+});
+// → {
+//   light: { surface: 'oklch(...)', 'danger-surface': 'oklch(...)', ... },
+//   dark: { surface: 'oklch(...)', 'danger-surface': 'oklch(...)', ... },
+//   lightContrast: { ... },
+//   darkContrast: { ... },
+// }
 ```
 
 ## Concepts at a glance
 
-1. **Theme = one hue/saturation seed.** Status themes are siblings created via `extend()` — they inherit every color definition and only swap the seed.
-2. **Every color is explicit.** A color is either a *root* (absolute `tone`, or `'max'`/`'min'` for an extreme) or *dependent* (`base` + relative offset and/or `contrast`). No implicit roles.
-3. **Tone is contrast-uniform.** `tone` (0–100) replaces OKHSL lightness: equal tone steps give equal WCAG contrast, so ramps are even by construction. See [`docs/okhst.md`](docs/okhst.md).
-4. **`contrast` is a floor, not a target.** A bare number/preset is WCAG; `{ wcag }` / `{ apca }` selects the metric. The solver only shifts a color's tone when the requested position fails the requested floor.
-5. **Light, dark, and high-contrast come from one definition.** `mode` (`auto` / `fixed` / `static`) picks how each color adapts; `tone` / `contrast` / `intensity` / `value` accept an optional `[normal, hc]` pair for explicit high-contrast tuning.
+1. **A theme has one hue/saturation seed.** Create status themes with
+   `extend()` so they inherit the same relationships while changing hue.
+2. **A color is a root or a dependency.** Roots use an absolute `tone` or
+   `'max'`/`'min'`. Dependent colors name a `base` and may use a signed
+   **tone delta** such as `'-8'` plus a `contrast` floor.
+3. **Tone is an authoring axis, not a contrast guarantee.** Equal tone deltas
+   are exact WCAG steps for neutrals. Chromatic colors can drift in rendered
+   luminance, so Glaze measures contrast floors against the resolved colors.
+4. **`contrast` is a floor.** A bare number or preset means WCAG;
+   `{ wcag }` and `{ apca }` select the metric explicitly. The solver preserves
+   the requested tone whenever it already passes.
+5. **Each color chooses its dark adaptation.** `mode: 'auto'` uses dark tone
+   inversion (`100 - t`), `fixed` keeps the authored side of the tone scale,
+   and `static` skips scheme adaptation.
+6. **Tone windows bound ordinary schemes.** `lightTone` and `darkTone`
+   configure the light/dark render ranges. High-contrast variants use the full
+   range. Values that accept `[normal, highContrast]` pairs can tighten
+   deliberately in HC.
+
+In Glaze, a **scheme variant** is one of `light`, `dark`, `lightContrast`, or
+`darkContrast`. Export `modes` choose which variants are included; [Tasty](https://tasty.style)
+`states` choose how those variants are activated in an application.
+
+## Choosing an output
+
+- `tasty()` returns [Tasty](https://tasty.style) `#token` bindings, including its custom `okhsl()` or
+  `okhst()` serialization.
+- `tokens()` and `json()` return JavaScript data and default to native
+  `oklch()` values.
+- `css()` returns custom-property declarations.
+- `dtcg()` / `dtcgResolver()` target design-token tooling.
+- `tailwind()` emits a Tailwind CSS v4 theme.
 
 ## Documentation
 
-- [`docs/api.md`](docs/api.md) — full API reference (every method, every option).
-- [`docs/methodology.md`](docs/methodology.md) — palette design methodology for building from scratch.
-- [`docs/migration.md`](docs/migration.md) — wiring tokens into your app and migrating off a legacy color system.
-- [`AGENTS.md`](AGENTS.md) — source-tree orientation for contributors.
+- Explore the tone axis in the [interactive playground](https://glaze.tenphi.me/playground/).
+- Start with [the methodology](docs/methodology.md) to design a palette.
+- Use [migration and integration](docs/migration.md) to wire it into an
+  application or replace an existing color system.
+- Keep the [API reference](docs/api.md) nearby for every method and option.
+- Read [OKHST in Glaze](docs/okhst.md) for the product-level color model, or
+  the [full OKHST specification](https://github.com/tenphi/okhst) for its math.
+- [`AGENTS.md`](https://github.com/tenphi/glaze/blob/main/AGENTS.md) — source-tree orientation for contributors.
 
 ## License
 
-[MIT](LICENSE)
+[MIT](https://github.com/tenphi/glaze/blob/main/LICENSE)