@customercity/tokens 0.2.2

package/assets/customercity/logo.svg

@@ -0,0 +1,7 @@
+<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Customer City">
+  <path d="M0 16C0 7.16344 7.16344 0 16 0H64C72.8366 0 80 7.16344 80 16V64C80 72.8366 72.8366 80 64 80H16C7.16344 80 0 72.8366 0 64V16Z" fill="#FFFFFF"/>
+  <path d="M24.1273 11H48.8348L53.1273 15.2925V19.4364H24.1273C22.0888 19.4364 20.4364 21.0888 20.4364 23.1273V56.8727C20.4364 58.9112 22.0888 60.5636 24.1273 60.5636H53.1273V64.8565L48.9838 69H24.1273C17.4296 69 12 63.5704 12 56.8727V23.1273C12 16.4296 17.4296 11 24.1273 11Z" fill="#1554FF"/>
+  <path d="M24.6545 27.8727C24.6545 25.5431 26.5431 23.6545 28.8727 23.6545H63.6727C66.0024 23.6545 67.8909 25.5431 67.8909 27.8727C67.8909 30.2024 66.0024 32.0909 63.6727 32.0909H28.8727C26.5431 32.0909 24.6545 30.2024 24.6545 27.8727Z" fill="#1554FF"/>
+  <path d="M24.6545 40C24.6545 37.6704 26.5431 35.7818 28.8727 35.7818H53.1273C55.4569 35.7818 57.3455 37.6704 57.3455 40C57.3455 42.3296 55.4569 44.2182 53.1273 44.2182H28.8727C26.5431 44.2182 24.6545 42.3296 24.6545 40Z" fill="#1554FF"/>
+  <path d="M24.6545 52.1273C24.6545 49.7976 26.5431 47.9091 28.8727 47.9091H42.5818C44.9115 47.9091 46.8 49.7976 46.8 52.1273C46.8 54.4569 44.9115 56.3455 42.5818 56.3455H28.8727C26.5431 56.3455 24.6545 54.4569 24.6545 52.1273Z" fill="#1554FF"/>
+</svg>

package/assets/databrite/logo-dark.svg

@@ -0,0 +1,7 @@
+<svg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Databrite">
+  <defs><linearGradient id="dbd" x1="0" y1="0" x2="1" y2="1">
+    <stop offset="0" stop-color="#6FA3FF"/><stop offset="1" stop-color="#4D8BFF"/>
+  </linearGradient></defs>
+  <path d="M50 8 C56 36,64 44,92 50 C64 56,56 64,50 92 C44 64,36 56,8 50 C36 44,44 36,50 8 Z" fill="url(#dbd)"/>
+  <circle cx="74" cy="26" r="6.5" fill="#9D6BFF"/>
+</svg>

package/assets/databrite/logo-light.svg

@@ -0,0 +1,7 @@
+<svg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Databrite">
+  <defs><linearGradient id="db" x1="0" y1="0" x2="1" y2="1">
+    <stop offset="0" stop-color="#4D8BFF"/><stop offset="1" stop-color="#1554FF"/>
+  </linearGradient></defs>
+  <path d="M50 8 C56 36,64 44,92 50 C64 56,56 64,50 92 C44 64,36 56,8 50 C36 44,44 36,50 8 Z" fill="url(#db)"/>
+  <circle cx="74" cy="26" r="6.5" fill="#7637FF"/>
+</svg>

package/assets/databrite/logo.svg

@@ -0,0 +1,7 @@
+<svg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Databrite">
+  <!-- Token-driven mark: inline this SVG in the DOM so the CSS vars resolve. Body = brand,
+       node = sparkle; auto-switches with the active brand + light/dark (no hardcoded hex).
+       For <img>/static use where CSS vars don't resolve, use logo-light.svg / logo-dark.svg. -->
+  <path d="M50 8 C56 36,64 44,92 50 C64 56,56 64,50 92 C44 64,36 56,8 50 C36 44,44 36,50 8 Z" fill="var(--brand, #1554FF)"/>
+  <circle cx="74" cy="26" r="6.5" fill="var(--sparkle, #7637FF)"/>
+</svg>

package/brands/customercity.css

@@ -0,0 +1,92 @@
+/* @customercity/tokens — "customercity" brand theme. GENERATED — do not edit.
+   Semantic colors scoped to [data-brand="customercity"]; pair with core.css. */
+
+[data-brand="customercity"] {
+  --brand: #1554FF;
+  --brand-hover: #0052D2;
+  --brand-light: rgba(21,84,255,0.08);
+  --brand-lighter: #F4F9FF;
+  --brand-subtle: #8CB9FF;
+  --background: #F0F3F8;
+  --background-alt: #E6EAF2;
+  --foreground: #1E232C;
+  --card: #FFFFFF;
+  --card-foreground: #1E232C;
+  --muted: #4E5663;
+  --muted-foreground: #868B98;
+  --border: #CDD2DF;
+  --border-light: #DBDCE0;
+  --ring: #1554FF;
+  --accent: #E8EBF1;
+  --accent-foreground: #1E232C;
+  --navy: #071731;
+  --navy-light: #0E254A;
+  --green: #60C67C;
+  --green-bg: #DFF4E5;
+  --red: #FB4E6D;
+  --red-bg: #F7E6EA;
+  --orange: #FFA26D;
+  --orange-bg: #F8E6DF;
+  --yellow: #FFE600;
+  --yellow-bg: #FFFBD2;
+  --mint: #00CEDB;
+  --mint-bg: #E1F9FF;
+  --sky: #29B6F6;
+  --sky-bg: #E3F4FF;
+  --violet: #AA00FF;
+  --violet-bg: #EEDEFB;
+  --purple: #7637FF;
+  --purple-bg: #E9E4FB;
+  --pink: #D500F9;
+  --pink-bg: #F3DEFB;
+  --sparkle: #7637FF;
+  --sparkle-bg: #E9E4FB;
+  --sparkle-light: #F4EEFE;
+  --agent-card: #F4EEFE;
+  --sparkle-border: rgba(118,55,255,0.20);
+}
+
+[data-brand="customercity"].dark {
+  --brand: #4D8BFF;
+  --brand-hover: #6FA3FF;
+  --brand-light: rgba(77,139,255,0.16);
+  --brand-lighter: #14254A;
+  --brand-subtle: #8CB9FF;
+  --background: #071731;
+  --background-alt: #0A1C3C;
+  --foreground: #EAEEF5;
+  --card: #0E254A;
+  --card-foreground: #EAEEF5;
+  --muted: #A9B4C6;
+  --muted-foreground: #6E7C93;
+  --border: #1C3358;
+  --border-light: #15294A;
+  --ring: #4D8BFF;
+  --accent: #16294A;
+  --accent-foreground: #EAEEF5;
+  --navy: #040E20;
+  --navy-light: #071731;
+  --green: #7BD89A;
+  --green-bg: rgba(96,198,124,0.16);
+  --red: #FF7B92;
+  --red-bg: rgba(251,78,109,0.16);
+  --orange: #FFB98F;
+  --orange-bg: rgba(255,162,109,0.16);
+  --yellow: #FFEF66;
+  --yellow-bg: rgba(255,230,0,0.14);
+  --mint: #4DDDE8;
+  --mint-bg: rgba(0,206,219,0.16);
+  --sky: #5FC8F8;
+  --sky-bg: rgba(41,182,246,0.16);
+  --violet: #C24DFF;
+  --violet-bg: rgba(170,0,255,0.18);
+  --purple: #9D6BFF;
+  --purple-bg: rgba(118,55,255,0.18);
+  --pink: #E866FB;
+  --pink-bg: rgba(213,0,249,0.18);
+  --sparkle: #9D6BFF;
+  --sparkle-bg: rgba(118,55,255,0.18);
+  --sparkle-light: #1C1A3D;
+  --agent-card: #1C1A3D;
+  --sparkle-border: rgba(157,107,255,0.30);
+}

package/brands/customercity.json

@@ -0,0 +1,91 @@
+{
+  "brand": "customercity",
+  "light": {
+    "brand": "#1554FF",
+    "brand-hover": "#0052D2",
+    "brand-light": "rgba(21,84,255,0.08)",
+    "brand-lighter": "#F4F9FF",
+    "brand-subtle": "#8CB9FF",
+    "background": "#F0F3F8",
+    "background-alt": "#E6EAF2",
+    "foreground": "#1E232C",
+    "card": "#FFFFFF",
+    "card-foreground": "#1E232C",
+    "muted": "#4E5663",
+    "muted-foreground": "#868B98",
+    "border": "#CDD2DF",
+    "border-light": "#DBDCE0",
+    "ring": "#1554FF",
+    "accent": "#E8EBF1",
+    "accent-foreground": "#1E232C",
+    "navy": "#071731",
+    "navy-light": "#0E254A",
+    "green": "#60C67C",
+    "green-bg": "#DFF4E5",
+    "red": "#FB4E6D",
+    "red-bg": "#F7E6EA",
+    "orange": "#FFA26D",
+    "orange-bg": "#F8E6DF",
+    "yellow": "#FFE600",
+    "yellow-bg": "#FFFBD2",
+    "mint": "#00CEDB",
+    "mint-bg": "#E1F9FF",
+    "sky": "#29B6F6",
+    "sky-bg": "#E3F4FF",
+    "violet": "#AA00FF",
+    "violet-bg": "#EEDEFB",
+    "purple": "#7637FF",
+    "purple-bg": "#E9E4FB",
+    "pink": "#D500F9",
+    "pink-bg": "#F3DEFB",
+    "sparkle": "#7637FF",
+    "sparkle-bg": "#E9E4FB",
+    "sparkle-light": "#F4EEFE",
+    "agent-card": "#F4EEFE",
+    "sparkle-border": "rgba(118,55,255,0.20)"
+  },
+  "dark": {
+    "brand": "#4D8BFF",
+    "brand-hover": "#6FA3FF",
+    "brand-light": "rgba(77,139,255,0.16)",
+    "brand-lighter": "#14254A",
+    "brand-subtle": "#8CB9FF",
+    "background": "#071731",
+    "background-alt": "#0A1C3C",
+    "foreground": "#EAEEF5",
+    "card": "#0E254A",
+    "card-foreground": "#EAEEF5",
+    "muted": "#A9B4C6",
+    "muted-foreground": "#6E7C93",
+    "border": "#1C3358",
+    "border-light": "#15294A",
+    "ring": "#4D8BFF",
+    "accent": "#16294A",
+    "accent-foreground": "#EAEEF5",
+    "navy": "#040E20",
+    "navy-light": "#071731",
+    "green": "#7BD89A",
+    "green-bg": "rgba(96,198,124,0.16)",
+    "red": "#FF7B92",
+    "red-bg": "rgba(251,78,109,0.16)",
+    "orange": "#FFB98F",
+    "orange-bg": "rgba(255,162,109,0.16)",
+    "yellow": "#FFEF66",
+    "yellow-bg": "rgba(255,230,0,0.14)",
+    "mint": "#4DDDE8",
+    "mint-bg": "rgba(0,206,219,0.16)",
+    "sky": "#5FC8F8",
+    "sky-bg": "rgba(41,182,246,0.16)",
+    "violet": "#C24DFF",
+    "violet-bg": "rgba(170,0,255,0.18)",
+    "purple": "#9D6BFF",
+    "purple-bg": "rgba(118,55,255,0.18)",
+    "pink": "#E866FB",
+    "pink-bg": "rgba(213,0,249,0.18)",
+    "sparkle": "#9D6BFF",
+    "sparkle-bg": "rgba(118,55,255,0.18)",
+    "sparkle-light": "#1C1A3D",
+    "agent-card": "#1C1A3D",
+    "sparkle-border": "rgba(157,107,255,0.30)"
+  }
+}

package/brands/databrite.css

@@ -0,0 +1,92 @@
+/* @customercity/tokens — "databrite" brand theme. GENERATED — do not edit.
+   Semantic colors scoped to [data-brand="databrite"]; pair with core.css. */
+
+[data-brand="databrite"] {
+  --brand: #1554FF;
+  --brand-hover: #0052D2;
+  --brand-light: rgba(21,84,255,0.08);
+  --brand-lighter: #F4F9FF;
+  --brand-subtle: #8CB9FF;
+  --background: #F0F3F8;
+  --background-alt: #E6EAF2;
+  --foreground: #1E232C;
+  --card: #FFFFFF;
+  --card-foreground: #1E232C;
+  --muted: #4E5663;
+  --muted-foreground: #868B98;
+  --border: #CDD2DF;
+  --border-light: #DBDCE0;
+  --ring: #1554FF;
+  --accent: #E8EBF1;
+  --accent-foreground: #1E232C;
+  --navy: #071731;
+  --navy-light: #0E254A;
+  --green: #60C67C;
+  --green-bg: #DFF4E5;
+  --red: #FB4E6D;
+  --red-bg: #F7E6EA;
+  --orange: #FFA26D;
+  --orange-bg: #F8E6DF;
+  --yellow: #FFE600;
+  --yellow-bg: #FFFBD2;
+  --mint: #00CEDB;
+  --mint-bg: #E1F9FF;
+  --sky: #29B6F6;
+  --sky-bg: #E3F4FF;
+  --violet: #AA00FF;
+  --violet-bg: #EEDEFB;
+  --purple: #7637FF;
+  --purple-bg: #E9E4FB;
+  --pink: #D500F9;
+  --pink-bg: #F3DEFB;
+  --sparkle: #7637FF;
+  --sparkle-bg: #E9E4FB;
+  --sparkle-light: #F4EEFE;
+  --agent-card: #F4EEFE;
+  --sparkle-border: rgba(118,55,255,0.20);
+}
+
+[data-brand="databrite"].dark {
+  --brand: #4D8BFF;
+  --brand-hover: #6FA3FF;
+  --brand-light: rgba(77,139,255,0.16);
+  --brand-lighter: #14254A;
+  --brand-subtle: #8CB9FF;
+  --background: #071731;
+  --background-alt: #0A1C3C;
+  --foreground: #EAEEF5;
+  --card: #0E254A;
+  --card-foreground: #EAEEF5;
+  --muted: #A9B4C6;
+  --muted-foreground: #6E7C93;
+  --border: #1C3358;
+  --border-light: #15294A;
+  --ring: #4D8BFF;
+  --accent: #16294A;
+  --accent-foreground: #EAEEF5;
+  --navy: #040E20;
+  --navy-light: #071731;
+  --green: #7BD89A;
+  --green-bg: rgba(96,198,124,0.16);
+  --red: #FF7B92;
+  --red-bg: rgba(251,78,109,0.16);
+  --orange: #FFB98F;
+  --orange-bg: rgba(255,162,109,0.16);
+  --yellow: #FFEF66;
+  --yellow-bg: rgba(255,230,0,0.14);
+  --mint: #4DDDE8;
+  --mint-bg: rgba(0,206,219,0.16);
+  --sky: #5FC8F8;
+  --sky-bg: rgba(41,182,246,0.16);
+  --violet: #C24DFF;
+  --violet-bg: rgba(170,0,255,0.18);
+  --purple: #9D6BFF;
+  --purple-bg: rgba(118,55,255,0.18);
+  --pink: #E866FB;
+  --pink-bg: rgba(213,0,249,0.18);
+  --sparkle: #9D6BFF;
+  --sparkle-bg: rgba(118,55,255,0.18);
+  --sparkle-light: #1C1A3D;
+  --agent-card: #1C1A3D;
+  --sparkle-border: rgba(157,107,255,0.30);
+}

package/brands/databrite.json

@@ -0,0 +1,91 @@
+{
+  "brand": "databrite",
+  "light": {
+    "brand": "#1554FF",
+    "brand-hover": "#0052D2",
+    "brand-light": "rgba(21,84,255,0.08)",
+    "brand-lighter": "#F4F9FF",
+    "brand-subtle": "#8CB9FF",
+    "background": "#F0F3F8",
+    "background-alt": "#E6EAF2",
+    "foreground": "#1E232C",
+    "card": "#FFFFFF",
+    "card-foreground": "#1E232C",
+    "muted": "#4E5663",
+    "muted-foreground": "#868B98",
+    "border": "#CDD2DF",
+    "border-light": "#DBDCE0",
+    "ring": "#1554FF",
+    "accent": "#E8EBF1",
+    "accent-foreground": "#1E232C",
+    "navy": "#071731",
+    "navy-light": "#0E254A",
+    "green": "#60C67C",
+    "green-bg": "#DFF4E5",
+    "red": "#FB4E6D",
+    "red-bg": "#F7E6EA",
+    "orange": "#FFA26D",
+    "orange-bg": "#F8E6DF",
+    "yellow": "#FFE600",
+    "yellow-bg": "#FFFBD2",
+    "mint": "#00CEDB",
+    "mint-bg": "#E1F9FF",
+    "sky": "#29B6F6",
+    "sky-bg": "#E3F4FF",
+    "violet": "#AA00FF",
+    "violet-bg": "#EEDEFB",
+    "purple": "#7637FF",
+    "purple-bg": "#E9E4FB",
+    "pink": "#D500F9",
+    "pink-bg": "#F3DEFB",
+    "sparkle": "#7637FF",
+    "sparkle-bg": "#E9E4FB",
+    "sparkle-light": "#F4EEFE",
+    "agent-card": "#F4EEFE",
+    "sparkle-border": "rgba(118,55,255,0.20)"
+  },
+  "dark": {
+    "brand": "#4D8BFF",
+    "brand-hover": "#6FA3FF",
+    "brand-light": "rgba(77,139,255,0.16)",
+    "brand-lighter": "#14254A",
+    "brand-subtle": "#8CB9FF",
+    "background": "#071731",
+    "background-alt": "#0A1C3C",
+    "foreground": "#EAEEF5",
+    "card": "#0E254A",
+    "card-foreground": "#EAEEF5",
+    "muted": "#A9B4C6",
+    "muted-foreground": "#6E7C93",
+    "border": "#1C3358",
+    "border-light": "#15294A",
+    "ring": "#4D8BFF",
+    "accent": "#16294A",
+    "accent-foreground": "#EAEEF5",
+    "navy": "#040E20",
+    "navy-light": "#071731",
+    "green": "#7BD89A",
+    "green-bg": "rgba(96,198,124,0.16)",
+    "red": "#FF7B92",
+    "red-bg": "rgba(251,78,109,0.16)",
+    "orange": "#FFB98F",
+    "orange-bg": "rgba(255,162,109,0.16)",
+    "yellow": "#FFEF66",
+    "yellow-bg": "rgba(255,230,0,0.14)",
+    "mint": "#4DDDE8",
+    "mint-bg": "rgba(0,206,219,0.16)",
+    "sky": "#5FC8F8",
+    "sky-bg": "rgba(41,182,246,0.16)",
+    "violet": "#C24DFF",
+    "violet-bg": "rgba(170,0,255,0.18)",
+    "purple": "#9D6BFF",
+    "purple-bg": "rgba(118,55,255,0.18)",
+    "pink": "#E866FB",
+    "pink-bg": "rgba(213,0,249,0.18)",
+    "sparkle": "#9D6BFF",
+    "sparkle-bg": "rgba(118,55,255,0.18)",
+    "sparkle-light": "#1C1A3D",
+    "agent-card": "#1C1A3D",
+    "sparkle-border": "rgba(157,107,255,0.30)"
+  }
+}

package/build.mjs

@@ -0,0 +1,166 @@
+// @customercity/tokens — multi-brand token build.
+// DTCG JSON (src/core/*, src/brands/*) -> Style Dictionary -> CSS + JS/JSON.
+//
+// 3-tier architecture:
+//   core    (src/core/*.json, namespace "core")      -> shared primitives: ramps, z-index,
+//             radius. Emitted to :root in core.css, plus the @theme map + utilities/keyframes.
+//   brand   (src/brands/<brand>.json, namespace=brand) -> semantic colors, light + dark,
+//             emitted scoped under [data-brand="<brand>"] (+ .dark) in brands/<brand>.css.
+//
+// Outputs:
+//   core.css                      core primitives + @theme + utilities (import once)
+//   brands/customercity.css       [data-brand="customercity"] semantic colors (light+dark)
+//   brands/databrite.css          [data-brand="databrite"]   semantic colors (light+dark)
+//   tokens.css                    LEGACY monolithic Customer City (:root/html.dark) — back-compat
+//   tokens.js / .json / .d.ts     LEGACY Customer City token map — back-compat
+//   brands/<brand>.json, core.json  per-layer JSON maps
+//
+// Custom name transform strips namespace -> bare var name (--brand). Custom formats emit RAW
+// authored values (no transforms), so legacy tokens.css stays byte-identical to before.
+import StyleDictionary from 'style-dictionary';
+import fs from 'node:fs';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const partial = (name) =>
+  fs.readFileSync(path.join(__dirname, 'src', 'partials', name), 'utf8');
+
+const rawValue = (t) => t.original?.$value ?? t.original?.value ?? t.$value ?? t.value;
+// last path segment = bare token name (core/brand/mode namespaces stripped)
+StyleDictionary.registerTransform({
+  name: 'name/cc',
+  type: 'name',
+  transform: (t) => t.path[t.path.length - 1],
+});
+
+const declare = (tokens) => tokens.map((t) => `  --${t.name}: ${rawValue(t)};`).join('\n');
+const byNs = (all, ns) => all.filter((t) => t.path[0] === ns);
+const byMode = (tokens, mode) => tokens.filter((t) => t.path[1] === mode);
+
+// ---- CSS formats ----
+StyleDictionary.registerFormat({
+  name: 'css/cc-core',
+  format: ({ dictionary }) =>
+    partial('preamble.css').trimEnd() +
+    '\n\n/* Core primitives — brand-neutral, shared by every brand. */\n:root {\n' +
+    declare(dictionary.allTokens) +
+    '\n}\n\n' +
+    partial('epilogue.css').replace(/^\n+/, ''),
+});
+
+StyleDictionary.registerFormat({
+  name: 'css/cc-brand',
+  format: ({ dictionary }) => {
+    const all = dictionary.allTokens;
+    const brand = all[0].path[0];
+    return (
+      `/* @customercity/tokens — "${brand}" brand theme. GENERATED — do not edit.\n` +
+      `   Semantic colors scoped to [data-brand="${brand}"]; pair with core.css. */\n\n` +
+      `[data-brand="${brand}"] {\n` +
+      declare(byMode(all, 'light')) +
+      `\n}\n\n[data-brand="${brand}"].dark {\n` +
+      declare(byMode(all, 'dark')) +
+      '\n}\n'
+    );
+  },
+});
+
+// Legacy monolithic Customer City file (Customer City on :root/html.dark, no data-brand).
+StyleDictionary.registerFormat({
+  name: 'css/cc-legacy',
+  format: ({ dictionary }) => {
+    const all = dictionary.allTokens;
+    const core = byNs(all, 'customercity'); // brand semantic
+    return (
+      partial('preamble.css').trimEnd() +
+      '\n\n:root {\n' +
+      declare(byMode(core, 'light')) +
+      '\n' +
+      declare(byNs(all, 'core')) +
+      '\n}\n\nhtml.dark {\n' +
+      declare(byMode(core, 'dark')) +
+      '\n\n  color-scheme: dark;\n}\n\n' +
+      partial('epilogue.css').replace(/^\n+/, '')
+    );
+  },
+});
+
+// ---- JS / JSON formats ----
+const mapOf = (tokens) => Object.fromEntries(tokens.map((t) => [t.name, rawValue(t)]));
+
+StyleDictionary.registerFormat({
+  name: 'js/cc-legacy',
+  format: ({ dictionary }) => {
+    const all = dictionary.allTokens;
+    const cc = byNs(all, 'customercity');
+    const obj = { light: mapOf(byMode(cc, 'light')), dark: mapOf(byMode(cc, 'dark')), global: mapOf(byNs(all, 'core')) };
+    return '// GENERATED by build.mjs -- do not edit by hand.\n' +
+      `export const tokens = ${JSON.stringify(obj, null, 2)};\n\nexport default tokens;\n`;
+  },
+});
+StyleDictionary.registerFormat({
+  name: 'json/cc-legacy',
+  format: ({ dictionary }) => {
+    const all = dictionary.allTokens;
+    const cc = byNs(all, 'customercity');
+    return JSON.stringify({ light: mapOf(byMode(cc, 'light')), dark: mapOf(byMode(cc, 'dark')), global: mapOf(byNs(all, 'core')) }, null, 2) + '\n';
+  },
+});
+StyleDictionary.registerFormat({
+  name: 'dts/cc-legacy',
+  format: () =>
+    '// GENERATED by build.mjs -- do not edit by hand.\n' +
+    'export type TokenMap = Record<string, string>;\n' +
+    'export declare const tokens: { light: TokenMap; dark: TokenMap; global: TokenMap };\n' +
+    'export default tokens;\n',
+});
+StyleDictionary.registerFormat({
+  name: 'json/cc-brand',
+  format: ({ dictionary }) => {
+    const all = dictionary.allTokens;
+    const brand = all[0].path[0];
+    return JSON.stringify({ brand, light: mapOf(byMode(all, 'light')), dark: mapOf(byMode(all, 'dark')) }, null, 2) + '\n';
+  },
+});
+StyleDictionary.registerFormat({
+  name: 'json/cc-core',
+  format: ({ dictionary }) => JSON.stringify(mapOf(dictionary.allTokens), null, 2) + '\n',
+});
+
+// Discover brands from src/brands/*.json
+const brands = fs
+  .readdirSync(path.join(__dirname, 'src', 'brands'))
+  .filter((f) => f.endsWith('.json'))
+  .map((f) => f.replace('.json', ''));
+
+const sd = new StyleDictionary({
+  source: ['src/**/*.json'],
+  log: { verbosity: 'silent', warnings: 'disabled' },
+  platforms: {
+    css: {
+      transforms: ['name/cc'],
+      buildPath: './',
+      files: [
+        { destination: 'core.css', format: 'css/cc-core', filter: (t) => t.path[0] === 'core' },
+        { destination: 'tokens.css', format: 'css/cc-legacy', filter: (t) => t.path[0] === 'core' || t.path[0] === 'customercity' },
+        ...brands.map((b) => ({ destination: `brands/${b}.css`, format: 'css/cc-brand', filter: (t) => t.path[0] === b })),
+      ],
+    },
+    js: {
+      transforms: ['name/cc'],
+      buildPath: './',
+      files: [
+        { destination: 'tokens.js', format: 'js/cc-legacy', filter: (t) => t.path[0] === 'core' || t.path[0] === 'customercity' },
+        { destination: 'tokens.json', format: 'json/cc-legacy', filter: (t) => t.path[0] === 'core' || t.path[0] === 'customercity' },
+        { destination: 'tokens.d.ts', format: 'dts/cc-legacy', filter: () => true },
+        { destination: 'core.json', format: 'json/cc-core', filter: (t) => t.path[0] === 'core' },
+        ...brands.map((b) => ({ destination: `brands/${b}.json`, format: 'json/cc-brand', filter: (t) => t.path[0] === b })),
+      ],
+    },
+  },
+});
+
+await sd.hasInitialized;
+await sd.buildAllPlatforms();
+console.log(`@customercity/tokens built: core + tokens(legacy) + brands [${brands.join(', ')}]`);