@gemka/tokens

The single source of truth for GemKa's shared design tokens — the cream-paper surfaces, oxblood accent, warm neutrals, and Inter + Fraunces type that every GemKa product (GemTimer, IdeaKache, GemTodo, gemka.co, …) draws from.

It's intentionally tiny: one tokens.css file exposing a :root block of CSS custom properties (--gk-*). No build step, no dependencies.

Usage

npm install @gemka/tokens

@import "@gemka/tokens/tokens.css";

Then reference the variables:

.card {
  background: var(--gk-paper);
  color: var(--gk-ink);
  border: 1px solid var(--gk-border);
  font-family: var(--gk-font-sans);
}

Changing a token

Tokens are canonical — change them here, never fork them per-app:

1. Edit tokens.css.
2. Bump the version in package.json.
3. npm publish --access public.
4. Bump the @gemka/tokens dependency in each consumer repo to the new version.

That keeps every product visually in lockstep from one place.