@krizaka/tokens 3.14.0 → 3.16.0

package/BRAND.md

@@ -15,6 +15,8 @@ overrides). A product never re-invents its values: it imports its brand.
 | **Yasakia** (dating, talk first) | **Emerald → turquoise.** The accent is the turquoise (hue 174); the emerald (hue 152–156) is the mark's first stop and `accent-2`. | Green is the family's free colour and takes the opposite view of the red and pink of dating apps. `--kz-success` is emerald (hue 160): a primary button must never read as a success, so the accent sits 14° away on the turquoise (a test) and the emerald stays in the mark and the gradients. Dark: light turquoise under near-black text (11:1); light: deep turquoise under white (5.9:1). `info` stays blue. |
 | **Yororis** (a listening space) | **Sand → sage.** A warm neutral that slides into a soft grey green: calm. The accent is the sage (hue 98–100); the sand (hue 34–36) is the mark's first stop, the core's light and `accent-2`. | Apart from every other brand (Yasakia's emerald and turquoise, the blue, the orange, the violet) and from every status: the sage sits ≥ 60° from `--kz-success` (160) and `--kz-warning` (38). The sand shares the warning's hue family, so it is told apart by its chroma — at most half the warning's saturation (≤ 40 % vs 92 %, a test) — and it never fills a primary button alone. Dark: light sage under near-black text (8.6:1); light: deep sage under white (6.9:1). `info` stays blue. |
 | **Yomizaka** (documents, read and checked) | **Ink indigo** (藍, *ai*): the colour of writing and reading, a blue that leans to violet. The accent is the indigo (hue 240–242); the ink blue (hue 232) is the mark's first stop and `accent-2`. | The wheel is full, so the indigo is placed by test: ≥ 20° from the Krizaka blue (217, saturated) and from the Orochia violet (262, vivid), ≥ 60° from every other brand and every status. Dark: periwinkle under near-black text (6.3:1); light: deep indigo under white (8.7:1). `info` stays the Krizaka blue. |
+| **Kachizaka** (predictions among friends, points only) | **Electric cobalt + victorious gold.** The **gold** (hue 48) carries the accent — the only gold of the family; the cobalt (hue 226) is `accent-2`, the section ground, the light theme's accent text and focus ring. | The cobalt alone is **not** distinct from the Krizaka blue (217: Δh 9°, OKLab ΔE 0.04 for the mark stop) — so it never leads; the pair does. Gold: ≥ 10° from warning (38), ≥ 20° from every brand accent (Orazaka 26 → 22°). Near-black text on gold and on cobalt in both themes (12.9:1 / 11.6:1 on the accent). `info` stays the Krizaka blue. |
+| **Akinaza** (the shop OS, Québec) | **Laurentian forest green + warm copper.** The green (hue 130) carries the accent; the copper (hue 20–22, saturation ≤ 62 %) is `accent-2` and the mark's end. | Green ≥ 20° from Yororis' sage (98), Yasakia's emerald (152), success (160) and every accent. The copper sits 4–6° from Orazaka's orange but is a matte metal (≤ 65 % vs ≥ 90 %, a test) and never stands alone. Dark: light green under near-black (8.9:1); light: deep green under white (6.7:1). |
 
 ### Palette (the accent family)
 
@@ -99,9 +101,11 @@ after in Storybook, *Brand/Evolution*):
 | Yasakia | **Two voices**: two **solid** speech bubbles, mirrored, that overlap — the left a shade deeper, each tail pointing down and out. Where they overlap, what the two share once they have talked, is the bright core: a lens lit from above that breathes, set apart by a thin gap. The pair, two nodes, rides the dashed orbit. | New (3rd product, 2026-10). Emerald `hsl(156 92% 32%)` #079d61 → turquoise `hsl(178 90% 32%)` #089b96, mid-tones chosen so that every stop reads ≥ 3:1 on surfaces 0–2 in dark and light (a test): one mark for both themes. **2.9:** the first mark (a "Y" of two thin arms ending in heads) read as a plain thin "Y" at 16–24 px, weak next to Orochia; the bubbles are a filled glyph of Orochia's weight, readable in a nav chip, and say the product — talk first, both ways — without a heart. |
 | Yororis | **The hold**: two **filled** leaves — open hands — rise from one stem into a "Y" and cup a warm core that rests *inside* them (not on the junction): held, given room, listened to. A vein of light runs along each leaf (depth, like the serpent's scales); one node, the moment, rides the dashed orbit — it comes round, then it goes. The slowest breath of the family (4.2 s). | New (4th product, 2026-10). Chosen over a standing crane and a bowing crane (captures in the pull request): the only one that stays a clear "Y" with its core at 20 px. Sand `hsl(34 46% 44%)` #a4773d → sage `hsl(104 28% 42%)` #5d894d, every stop ≥ 3:1 on surfaces 0–2 in dark and light (a test); the core rises from the sand to a light sand #e6c993. |
 | Yomizaka | **The reading**: a **filled** page with the Krizaka cut at its upper-right corner, three lines of text in light, and a bright lens — the eye that reads — resting on its lower half, its handle running out of the page. A line of light scans the page from top to bottom (reading); one node, a page, rides the dashed orbit. | New (5th product, 2026-10). Ink `hsl(232 50% 55%)` #5362c6 → indigo `hsl(248 50% 58%)` #6d5ec9, every stop ≥ 3:1 on surfaces 0–2 in dark and light (a test); the lens is a pale indigo light. The cut corner is the house chamfer, so the page reads as Krizaka's at 20 px. |
+| Kachizaka | **The sealed cup**: a filled trophy whose rim wears the Krizaka cut, two handles, a stem and a base; on the bowl a star in light — the seal of the scoring rules, locked at kick-off — breathes; one node, the ball, rides the orbit. | New (2026-10). Cobalt `hsl(226 80% 56%)` → gold `hsl(44 92% 33%)`, every stop ≥ 3:1 on surfaces 0–2 in dark and light (a test). Mascot: **the magpie** — it keeps the score (the falcon already watches: security). |
+| Akinaza | **The open shop** (商い, *akinai*): a filled awning cut at its corner and scalloped, its stripes in light; the shop front, two windows and the open door — a warm light that breathes; one node, a coin, rides the orbit. | New (2026-10). Forest `hsl(140 48% 34%)` → copper `hsl(22 60% 46%)`, every stop ≥ 3:1 on surfaces 0–2 in dark and light (a test). Mascot: **the beaver**, the artisan — the flock's one figure without feathers. |
 
-Web: `KrizakaLogo`, `OrazakaLogo`, `OrochiaLogo`, `YasakiaLogo`, `YororisLogo`, `YomizakaLogo`, `ProductLogo id` (`@krizaka/ui`). Native: `KrizakaMark`,
-`OrazakaMark`, `OrochiaMark`, `YasakiaMark`, `YororisMark`, `YomizakaMark`, `ProductMark id` (`@krizaka/ui/native`). The geometry is shared
+Web: `KrizakaLogo`, `OrazakaLogo`, `OrochiaLogo`, `YasakiaLogo`, `YororisLogo`, `YomizakaLogo`, `KachizakaLogo`, `AkinazaLogo`, `ProductLogo id` (`@krizaka/ui`). Native: `KrizakaMark`,
+`OrazakaMark`, `OrochiaMark`, `YasakiaMark`, `YororisMark`, `YomizakaMark`, `KachizakaMark`, `AkinazaMark`, `ProductMark id` (`@krizaka/ui/native`). The geometry is shared
 (`packages/ui/src/marks/*-geometry.ts`); the emblem gradients are **brand tokens** — `$extensions["com.krizaka"].mark` of
 each `src/brands/<id>.brand.json`, exported as `marks.<id>` (`@krizaka/tokens`, `/native`) — read by the geometry, never
 copied. A mark is the same in both themes: its stops are chosen to read on dark and light pages.

package/README.md

@@ -28,8 +28,8 @@ npm install @krizaka/tokens
 | `@krizaka/tokens/tokens.css` | Web (imported once, usually through `@krizaka/tailwind`) | The `--kz-*` custom properties. |
 | `@krizaka/tokens` | TS / JS on the web (canvas, charts, e-mails, inline styles) | `tokens` (`var(--kz-…)` references, camelCase keys), `values.dark` / `values.light` (raw CSS, aliases resolved), `TokenName`. |
 | `@krizaka/tokens/native` | React Native / Expo | `themes.dark` / `themes.light` (hex, `rgba()` when translucent), `radius` (dp), `typography`, `motion.ease`, type `Theme`; `brands.<id>` (ThemeProvider overrides); `marks.<id>` (the mark's emblem gradient, `[offset, #rrggbb]` stops). |
-| `@krizaka/tokens/brands/<id>.css` | A product app (`krizaka`, `orazaka`, `orochia`, `yasakia`, `yororis`, `yomizaka`), after the tokens | The brand's accent family and section gradient, dark and light. |
-| `@krizaka/tokens/brands/scoped.css` | A page showing several brands | `.brand-krizaka`, `.brand-orazaka`, `.brand-orochia`, `.brand-yasakia`, `.brand-yororis`, `.brand-yomizaka`. |
+| `@krizaka/tokens/brands/<id>.css` | A product app (`krizaka`, `orazaka`, `orochia`, `yasakia`, `yororis`, `yomizaka`, `kachizaka`, `akinaza`), after the tokens | The brand's accent family and section gradient, dark and light. |
+| `@krizaka/tokens/brands/scoped.css` | A page showing several brands | `.brand-krizaka`, `.brand-orazaka`, `.brand-orochia`, `.brand-yasakia`, `.brand-yororis`, `.brand-yomizaka`, `.brand-kachizaka`, `.brand-akinaza`. |
 
 **Brands:** one colour per brand, its marks, icons and page language are in [`BRAND.md`](./BRAND.md).
 

package/dist/brands/akinaza.css

@@ -0,0 +1,46 @@
+/* @krizaka/tokens — GÉNÉRÉ depuis src/brands/akinaza.brand.json par scripts/build.mjs : ne pas éditer.
+   Akinaza — le vert de la forêt laurentienne et le cuivre chaud. Le vert (130) porte l'accent : ≥ 20° de la sauge de Yororis (98), de l'émeraude de Yasakia (152), du statut succès (160) et de tous les accents (un test). Le cuivre (22) est le second temps (accent-2, le logo) : un métal mat, saturé à moins de 65 % — jamais l'orange vif d'Orazaka (26, 92 %), qu'il ne porte jamais seul. Dark : vert clair sous texte quasi noir ; light : vert profond sous texte blanc. info reste le bleu de Krizaka. Le logo est un dégradé forêt (140) → cuivre (22) de teinte moyenne, ≥ 3:1 sur les surfaces 0–2 des deux thèmes.
+   Importé après tokens.css (ou @krizaka/tailwind) : l'identité akinaza sur toute l'app, dans les deux thèmes. */
+
+:root, .theme-dark {
+  --kz-accent: hsl(130 44% 58%);
+  --kz-accent-hover: hsl(130 48% 66%);
+  --kz-accent-soft: hsl(130 44% 58% / 0.12);
+  --kz-accent-text: hsl(130 50% 66%);
+  --kz-accent-2: hsl(22 62% 64%);
+  --kz-on-accent: hsl(140 20% 5%);
+  --kz-ring: var(--kz-accent);
+  --kz-info: hsl(217 92% 60%);
+  --kz-info-text: hsl(217 92% 68%);
+  --kz-brand-gradient-from: hsl(140 28% 9%);
+  --kz-brand-gradient-via: hsl(24 20% 8%);
+  --kz-brand-gradient-to: var(--kz-surface-0);
+}
+
+html.light {
+  --kz-accent: hsl(132 52% 27%);
+  --kz-accent-hover: hsl(132 55% 22%);
+  --kz-accent-soft: hsl(132 52% 27% / 0.08);
+  --kz-accent-text: hsl(132 52% 26%);
+  --kz-accent-2: hsl(20 62% 36%);
+  --kz-on-accent: hsl(0 0% 100%);
+  --kz-info: hsl(217 92% 50%);
+  --kz-info-text: hsl(217 92% 42%);
+  --kz-brand-gradient-from: hsl(130 45% 94%);
+  --kz-brand-gradient-via: hsl(26 60% 95%);
+}
+
+.theme-light {
+  --kz-accent: hsl(132 52% 27%);
+  --kz-accent-hover: hsl(132 55% 22%);
+  --kz-accent-soft: hsl(132 52% 27% / 0.08);
+  --kz-accent-text: hsl(132 52% 26%);
+  --kz-accent-2: hsl(20 62% 36%);
+  --kz-on-accent: hsl(0 0% 100%);
+  --kz-ring: var(--kz-accent);
+  --kz-info: hsl(217 92% 50%);
+  --kz-info-text: hsl(217 92% 42%);
+  --kz-brand-gradient-from: hsl(130 45% 94%);
+  --kz-brand-gradient-via: hsl(26 60% 95%);
+  --kz-brand-gradient-to: var(--kz-surface-0);
+}

package/dist/brands/kachizaka.css

@@ -0,0 +1,47 @@
+/* @krizaka/tokens — GÉNÉRÉ depuis src/brands/kachizaka.brand.json par scripts/build.mjs : ne pas éditer.
+   Kachizaka — le cobalt électrique et l'or de la victoire. L'or porte l'accent (boutons, sélection) : c'est la seule marque dorée de la famille (teinte 48, ≥ 10° du statut avertissement 38, ≥ 20° de l'orange d'Orazaka et de tous les autres accents — un test). Le cobalt (226) est le second temps : accent-2, le fond des sections, le texte d'accent en clair et l'anneau de focus en clair ; seul, il est trop proche du bleu de Krizaka (217, Δh 9°) pour porter l'identité — c'est le couple cobalt + or qui la porte. Texte quasi noir sur l'or et sur le cobalt, dans les deux thèmes. info reste le bleu de Krizaka. Le logo est un dégradé cobalt (226) → or (44) de teinte moyenne, ≥ 3:1 sur les surfaces 0–2 des deux thèmes.
+   Importé après tokens.css (ou @krizaka/tailwind) : l'identité kachizaka sur toute l'app, dans les deux thèmes. */
+
+:root, .theme-dark {
+  --kz-accent: hsl(48 96% 56%);
+  --kz-accent-hover: hsl(48 98% 66%);
+  --kz-accent-soft: hsl(48 96% 56% / 0.12);
+  --kz-accent-text: hsl(48 96% 64%);
+  --kz-accent-2: hsl(226 92% 72%);
+  --kz-on-accent: hsl(230 30% 7%);
+  --kz-ring: hsl(48 96% 56%);
+  --kz-info: hsl(217 92% 60%);
+  --kz-info-text: hsl(217 92% 68%);
+  --kz-brand-gradient-from: hsl(226 42% 11%);
+  --kz-brand-gradient-via: hsl(232 26% 8%);
+  --kz-brand-gradient-to: var(--kz-surface-0);
+}
+
+html.light {
+  --kz-accent: hsl(48 96% 50%);
+  --kz-accent-hover: hsl(48 96% 44%);
+  --kz-accent-soft: hsl(46 96% 50% / 0.14);
+  --kz-accent-text: hsl(226 72% 40%);
+  --kz-accent-2: hsl(226 92% 68%);
+  --kz-on-accent: hsl(230 30% 7%);
+  --kz-ring: hsl(226 80% 46%);
+  --kz-info: hsl(217 92% 50%);
+  --kz-info-text: hsl(217 92% 42%);
+  --kz-brand-gradient-from: hsl(226 80% 95%);
+  --kz-brand-gradient-via: hsl(48 80% 95%);
+}
+
+.theme-light {
+  --kz-accent: hsl(48 96% 50%);
+  --kz-accent-hover: hsl(48 96% 44%);
+  --kz-accent-soft: hsl(46 96% 50% / 0.14);
+  --kz-accent-text: hsl(226 72% 40%);
+  --kz-accent-2: hsl(226 92% 68%);
+  --kz-on-accent: hsl(230 30% 7%);
+  --kz-ring: hsl(226 80% 46%);
+  --kz-info: hsl(217 92% 50%);
+  --kz-info-text: hsl(217 92% 42%);
+  --kz-brand-gradient-from: hsl(226 80% 95%);
+  --kz-brand-gradient-via: hsl(48 80% 95%);
+  --kz-brand-gradient-to: var(--kz-surface-0);
+}

package/dist/brands/scoped.css

@@ -259,6 +259,92 @@ html .theme-dark .brand-yomizaka, html .brand-yomizaka.theme-dark {
   --kz-brand-gradient-to: var(--kz-surface-0);
 }
 
+.brand-kachizaka {
+  --kz-accent: hsl(48 96% 56%);
+  --kz-accent-hover: hsl(48 98% 66%);
+  --kz-accent-soft: hsl(48 96% 56% / 0.12);
+  --kz-accent-text: hsl(48 96% 64%);
+  --kz-accent-2: hsl(226 92% 72%);
+  --kz-on-accent: hsl(230 30% 7%);
+  --kz-ring: hsl(48 96% 56%);
+  --kz-info: hsl(217 92% 60%);
+  --kz-info-text: hsl(217 92% 68%);
+  --kz-brand-gradient-from: hsl(226 42% 11%);
+  --kz-brand-gradient-via: hsl(232 26% 8%);
+  --kz-brand-gradient-to: var(--kz-surface-0);
+}
+html.light .brand-kachizaka, html .theme-light .brand-kachizaka, html .brand-kachizaka.theme-light {
+  --kz-accent: hsl(48 96% 50%);
+  --kz-accent-hover: hsl(48 96% 44%);
+  --kz-accent-soft: hsl(46 96% 50% / 0.14);
+  --kz-accent-text: hsl(226 72% 40%);
+  --kz-accent-2: hsl(226 92% 68%);
+  --kz-on-accent: hsl(230 30% 7%);
+  --kz-ring: hsl(226 80% 46%);
+  --kz-info: hsl(217 92% 50%);
+  --kz-info-text: hsl(217 92% 42%);
+  --kz-brand-gradient-from: hsl(226 80% 95%);
+  --kz-brand-gradient-via: hsl(48 80% 95%);
+  --kz-brand-gradient-to: var(--kz-surface-0);
+}
+html .theme-dark .brand-kachizaka, html .brand-kachizaka.theme-dark {
+  --kz-accent: hsl(48 96% 56%);
+  --kz-accent-hover: hsl(48 98% 66%);
+  --kz-accent-soft: hsl(48 96% 56% / 0.12);
+  --kz-accent-text: hsl(48 96% 64%);
+  --kz-accent-2: hsl(226 92% 72%);
+  --kz-on-accent: hsl(230 30% 7%);
+  --kz-ring: hsl(48 96% 56%);
+  --kz-info: hsl(217 92% 60%);
+  --kz-info-text: hsl(217 92% 68%);
+  --kz-brand-gradient-from: hsl(226 42% 11%);
+  --kz-brand-gradient-via: hsl(232 26% 8%);
+  --kz-brand-gradient-to: var(--kz-surface-0);
+}
+
+.brand-akinaza {
+  --kz-accent: hsl(130 44% 58%);
+  --kz-accent-hover: hsl(130 48% 66%);
+  --kz-accent-soft: hsl(130 44% 58% / 0.12);
+  --kz-accent-text: hsl(130 50% 66%);
+  --kz-accent-2: hsl(22 62% 64%);
+  --kz-on-accent: hsl(140 20% 5%);
+  --kz-ring: var(--kz-accent);
+  --kz-info: hsl(217 92% 60%);
+  --kz-info-text: hsl(217 92% 68%);
+  --kz-brand-gradient-from: hsl(140 28% 9%);
+  --kz-brand-gradient-via: hsl(24 20% 8%);
+  --kz-brand-gradient-to: var(--kz-surface-0);
+}
+html.light .brand-akinaza, html .theme-light .brand-akinaza, html .brand-akinaza.theme-light {
+  --kz-accent: hsl(132 52% 27%);
+  --kz-accent-hover: hsl(132 55% 22%);
+  --kz-accent-soft: hsl(132 52% 27% / 0.08);
+  --kz-accent-text: hsl(132 52% 26%);
+  --kz-accent-2: hsl(20 62% 36%);
+  --kz-on-accent: hsl(0 0% 100%);
+  --kz-ring: var(--kz-accent);
+  --kz-info: hsl(217 92% 50%);
+  --kz-info-text: hsl(217 92% 42%);
+  --kz-brand-gradient-from: hsl(130 45% 94%);
+  --kz-brand-gradient-via: hsl(26 60% 95%);
+  --kz-brand-gradient-to: var(--kz-surface-0);
+}
+html .theme-dark .brand-akinaza, html .brand-akinaza.theme-dark {
+  --kz-accent: hsl(130 44% 58%);
+  --kz-accent-hover: hsl(130 48% 66%);
+  --kz-accent-soft: hsl(130 44% 58% / 0.12);
+  --kz-accent-text: hsl(130 50% 66%);
+  --kz-accent-2: hsl(22 62% 64%);
+  --kz-on-accent: hsl(140 20% 5%);
+  --kz-ring: var(--kz-accent);
+  --kz-info: hsl(217 92% 60%);
+  --kz-info-text: hsl(217 92% 68%);
+  --kz-brand-gradient-from: hsl(140 28% 9%);
+  --kz-brand-gradient-via: hsl(24 20% 8%);
+  --kz-brand-gradient-to: var(--kz-surface-0);
+}
+
 /* DEPRECATED — `.brand-yazakia` is `.brand-yasakia` (Yazakia was renamed Yasakia); kept for one minor version. */
 .brand-yazakia {
   --kz-accent: hsl(174 72% 50%);

package/dist/index.d.ts

@@ -159,7 +159,7 @@ export interface TypeStep {
 export declare const typeScale: readonly TypeStep[];
 
 /** A Krizaka brand. */
-export type BrandId = "krizaka" | "orazaka" | "orochia" | "yasakia" | "yororis" | "yomizaka";
+export type BrandId = "krizaka" | "orazaka" | "orochia" | "yasakia" | "yororis" | "yomizaka" | "kachizaka" | "akinaza";
 /** The roles a brand theme sets. */
 export type BrandRole = "accent" | "accentHover" | "accentSoft" | "accentText" | "accent2" | "onAccent" | "ring" | "info" | "infoText" | "brandGradientFrom" | "brandGradientVia" | "brandGradientTo";
 /** The brand themes: the accent family of each Krizaka brand, raw CSS per theme (aliases resolved). */

package/dist/index.js

@@ -713,6 +713,66 @@ export const brands = /* @__PURE__ */ Object.freeze({
       "brandGradientVia": "hsl(244 50% 96%)",
       "brandGradientTo": "hsl(0 0% 98%)"
     }
+  },
+  "kachizaka": {
+    "dark": {
+      "accent": "hsl(48 96% 56%)",
+      "accentHover": "hsl(48 98% 66%)",
+      "accentSoft": "hsl(48 96% 56% / 0.12)",
+      "accentText": "hsl(48 96% 64%)",
+      "accent2": "hsl(226 92% 72%)",
+      "onAccent": "hsl(230 30% 7%)",
+      "ring": "hsl(48 96% 56%)",
+      "info": "hsl(217 92% 60%)",
+      "infoText": "hsl(217 92% 68%)",
+      "brandGradientFrom": "hsl(226 42% 11%)",
+      "brandGradientVia": "hsl(232 26% 8%)",
+      "brandGradientTo": "hsl(240 6% 5%)"
+    },
+    "light": {
+      "accent": "hsl(48 96% 50%)",
+      "accentHover": "hsl(48 96% 44%)",
+      "accentSoft": "hsl(46 96% 50% / 0.14)",
+      "accentText": "hsl(226 72% 40%)",
+      "accent2": "hsl(226 92% 68%)",
+      "onAccent": "hsl(230 30% 7%)",
+      "ring": "hsl(226 80% 46%)",
+      "info": "hsl(217 92% 50%)",
+      "infoText": "hsl(217 92% 42%)",
+      "brandGradientFrom": "hsl(226 80% 95%)",
+      "brandGradientVia": "hsl(48 80% 95%)",
+      "brandGradientTo": "hsl(0 0% 98%)"
+    }
+  },
+  "akinaza": {
+    "dark": {
+      "accent": "hsl(130 44% 58%)",
+      "accentHover": "hsl(130 48% 66%)",
+      "accentSoft": "hsl(130 44% 58% / 0.12)",
+      "accentText": "hsl(130 50% 66%)",
+      "accent2": "hsl(22 62% 64%)",
+      "onAccent": "hsl(140 20% 5%)",
+      "ring": "hsl(130 44% 58%)",
+      "info": "hsl(217 92% 60%)",
+      "infoText": "hsl(217 92% 68%)",
+      "brandGradientFrom": "hsl(140 28% 9%)",
+      "brandGradientVia": "hsl(24 20% 8%)",
+      "brandGradientTo": "hsl(240 6% 5%)"
+    },
+    "light": {
+      "accent": "hsl(132 52% 27%)",
+      "accentHover": "hsl(132 55% 22%)",
+      "accentSoft": "hsl(132 52% 27% / 0.08)",
+      "accentText": "hsl(132 52% 26%)",
+      "accent2": "hsl(20 62% 36%)",
+      "onAccent": "hsl(0 0% 100%)",
+      "ring": "hsl(132 52% 27%)",
+      "info": "hsl(217 92% 50%)",
+      "infoText": "hsl(217 92% 42%)",
+      "brandGradientFrom": "hsl(130 45% 94%)",
+      "brandGradientVia": "hsl(26 60% 95%)",
+      "brandGradientTo": "hsl(0 0% 98%)"
+    }
   }
 });
 /** The marks' emblem gradients: [offset, colour] stops, the same in both themes (raw CSS). */
@@ -780,5 +840,25 @@ export const marks = /* @__PURE__ */ Object.freeze({
       "100%",
       "hsl(248 50% 58%)"
     ]
+  ],
+  "kachizaka": [
+    [
+      "0%",
+      "hsl(226 80% 56%)"
+    ],
+    [
+      "100%",
+      "hsl(44 92% 33%)"
+    ]
+  ],
+  "akinaza": [
+    [
+      "0%",
+      "hsl(140 48% 34%)"
+    ],
+    [
+      "100%",
+      "hsl(22 60% 46%)"
+    ]
   ]
 });

package/dist/native.d.ts

@@ -101,7 +101,7 @@ export declare const shadows: { readonly dark: Shadows; readonly light: Shadows
 export declare const cut: { readonly size: number };
 
 /** A Krizaka brand. */
-export type BrandId = "krizaka" | "orazaka" | "orochia" | "yasakia" | "yororis" | "yomizaka";
+export type BrandId = "krizaka" | "orazaka" | "orochia" | "yasakia" | "yororis" | "yomizaka" | "kachizaka" | "akinaza";
 /** The colour roles a brand theme sets, per theme. */
 export type BrandTheme = { readonly dark: { readonly [R in "accent" | "accentHover" | "accentSoft" | "accentText" | "accent2" | "onAccent" | "ring" | "info" | "infoText" | "brandGradientFrom" | "brandGradientVia" | "brandGradientTo"]: string }; readonly light: { readonly [R in "accent" | "accentHover" | "accentSoft" | "accentText" | "accent2" | "onAccent" | "ring" | "info" | "infoText" | "brandGradientFrom" | "brandGradientVia" | "brandGradientTo"]: string } };
 /** The brand themes as ThemeProvider overrides (`overrides={brands.orazaka}`): the accent family per theme. */

package/dist/native.js

@@ -427,6 +427,66 @@ export const brands = /* @__PURE__ */ Object.freeze({
       "brandGradientVia": "#f0f0fa",
       "brandGradientTo": "#fafafa"
     }
+  },
+  "kachizaka": {
+    "dark": {
+      "accent": "#fbcf23",
+      "accentHover": "#fddb53",
+      "accentSoft": "rgba(251,207,35,0.12)",
+      "accentText": "#fbd84b",
+      "accent2": "#7695f9",
+      "onAccent": "#0c0e17",
+      "ring": "#fbcf23",
+      "info": "#3b83f7",
+      "infoText": "#629cf8",
+      "brandGradientFrom": "#101628",
+      "brandGradientVia": "#0f111a",
+      "brandGradientTo": "#0c0c0e"
+    },
+    "light": {
+      "accent": "#fac905",
+      "accentHover": "#dcb104",
+      "accentSoft": "rgba(250,193,5,0.14)",
+      "accentText": "#1d3faf",
+      "accent2": "#6285f8",
+      "onAccent": "#0c0e17",
+      "ring": "#1743d3",
+      "info": "#0a64f5",
+      "infoText": "#0954ce",
+      "brandGradientFrom": "#e8edfc",
+      "brandGradientVia": "#fcf8e8",
+      "brandGradientTo": "#fafafa"
+    }
+  },
+  "akinaza": {
+    "dark": {
+      "accent": "#65c374",
+      "accentHover": "#7fd28d",
+      "accentSoft": "rgba(101,195,116,0.12)",
+      "accentText": "#7dd48b",
+      "accent2": "#dc946a",
+      "onAccent": "#0a0f0c",
+      "ring": "#65c374",
+      "info": "#3b83f7",
+      "infoText": "#629cf8",
+      "brandGradientFrom": "#111d15",
+      "brandGradientVia": "#181410",
+      "brandGradientTo": "#0c0c0e"
+    },
+    "light": {
+      "accent": "#21692f",
+      "accentHover": "#195726",
+      "accentSoft": "rgba(33,105,47,0.08)",
+      "accentText": "#20652e",
+      "accent2": "#954923",
+      "onAccent": "#ffffff",
+      "ring": "#21692f",
+      "info": "#0a64f5",
+      "infoText": "#0954ce",
+      "brandGradientFrom": "#e9f7eb",
+      "brandGradientVia": "#faf1eb",
+      "brandGradientTo": "#fafafa"
+    }
   }
 });
 /** The marks' emblem gradients: [offset, #rrggbb] stops, the same in both themes. */
@@ -494,5 +554,25 @@ export const marks = /* @__PURE__ */ Object.freeze({
       "100%",
       "#6d5ec9"
     ]
+  ],
+  "kachizaka": [
+    [
+      "0%",
+      "#355fe9"
+    ],
+    [
+      "100%",
+      "#a27807"
+    ]
+  ],
+  "akinaza": [
+    [
+      "0%",
+      "#2d8049"
+    ],
+    [
+      "100%",
+      "#bc632f"
+    ]
   ]
 });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@krizaka/tokens",
-  "version": "3.14.0",
-  "description": "The Krizaka semantic design tokens (--kz-*) and the brand themes (Krizaka, Orazaka, Orochia, Yasakia, Yororis, Yomizaka): one DTCG source compiled to CSS (dark, light, media invariants), typed constants and React Native themes.",
+  "version": "3.16.0",
+  "description": "The Krizaka semantic design tokens (--kz-*) and the brand themes (Krizaka, Orazaka, Orochia, Yasakia, Yororis, Yomizaka, Kachizaka, Akinaza): one DTCG source compiled to CSS (dark, light, media invariants), typed constants and React Native themes.",
   "keywords": [
     "krizaka",
     "design-tokens",
@@ -40,6 +40,8 @@
     "./brands/yazakia.css": "./dist/brands/yazakia.css",
     "./brands/yororis.css": "./dist/brands/yororis.css",
     "./brands/yomizaka.css": "./dist/brands/yomizaka.css",
+    "./brands/kachizaka.css": "./dist/brands/kachizaka.css",
+    "./brands/akinaza.css": "./dist/brands/akinaza.css",
     "./brands/scoped.css": "./dist/brands/scoped.css",
     "./native": {
       "types": "./dist/native.d.ts",
@@ -91,20 +93,20 @@
     {
       "name": "./brands/scoped.css",
       "path": "dist/brands/scoped.css",
-      "limit": "1.3 kB",
+      "limit": "1.5 kB",
       "gzip": true,
       "rolldown": false
     },
     {
       "name": ".",
       "path": "dist/index.js",
-      "limit": "3.9 kB",
+      "limit": "4.2 kB",
       "gzip": true
     },
     {
       "name": "./native",
       "path": "dist/native.js",
-      "limit": "2.2 kB",
+      "limit": "2.5 kB",
       "gzip": true
     }
   ],
@@ -114,6 +116,6 @@
     "typecheck": "tsc --noEmit",
     "test": "vitest run",
     "size": "size-limit",
-    "publint": "publint && attw --pack . --profile esm-only --exclude-entrypoints ./tokens.css ./brands/krizaka.css ./brands/orazaka.css ./brands/orochia.css ./brands/yasakia.css ./brands/yazakia.css ./brands/yororis.css ./brands/yomizaka.css ./brands/scoped.css"
+    "publint": "publint && attw --pack . --profile esm-only --exclude-entrypoints ./tokens.css ./brands/krizaka.css ./brands/orazaka.css ./brands/orochia.css ./brands/yasakia.css ./brands/yazakia.css ./brands/yororis.css ./brands/yomizaka.css ./brands/kachizaka.css ./brands/akinaza.css ./brands/scoped.css"
   }
 }