{
  "name": "MOKASA",
  "system": "Warm neutrals with one accent. Magenta marks where money or life is happening: the primary CTA, the live dot, the agent tile, one chart highlight. Never a section background, heading, icon, link or chat bubble. Magenta text on light uses #B8155C. WhatsApp green never appears outside a phone mockup screen.",
  "brand": [
    { "token": "accent", "name": "Magenta", "hex": "#E0156F", "rgb": [224, 21, 111], "role": "Fills only: primary CTA, live dot, agent tile, active marker, one chart highlight", "onColor": "#FFFFFF", "contrastOnColor": 4.7 },
    { "token": "accent-deep", "name": "Deep magenta", "hex": "#B8155C", "rgb": [184, 21, 92], "role": "Hover, and magenta as text on light (6.1:1 on canvas)" },
    { "token": "accent-soft", "name": "Soft magenta", "hex": "#FDE7F1", "rgb": [253, 231, 241], "role": "AI handling pill, takeover banner" }
  ],
  "neutrals": [
    { "token": "canvas", "name": "Canvas", "hex": "#FAFAF9", "dark": "#121210" },
    { "token": "surface", "name": "Surface", "hex": "#FFFFFF", "dark": "#1A1A17" },
    { "token": "cream", "name": "Cream", "hex": "#F5F4F1", "dark": "#20201C" },
    { "token": "cream-2", "name": "Cream 2", "hex": "#EDEBE7", "dark": "#2A2A25" },
    { "token": "border", "name": "Hairline", "hex": "#E5E3DC", "dark": "#2C2C27" },
    { "token": "subtle", "name": "Subtle", "hex": "#8A867E", "dark": "#7A776F", "role": "Two-tone headline grey, display sizes only" },
    { "token": "muted", "name": "Muted", "hex": "#6B6B66", "dark": "#A3A29B" },
    { "token": "ink", "name": "Ink", "hex": "#1F1F1B", "dark": "#F2F1EC" },
    { "token": "band", "name": "Band", "hex": "#141412", "dark": "#0B0B0A", "role": "One dark band per page, footer" }
  ],
  "status": [
    { "token": "ok", "name": "Paid / Delivered", "hex": "#2F6B4C", "soft": "#EAF3EE" },
    { "token": "warn", "name": "Awaiting payment / Needs review", "hex": "#8A5A0B", "soft": "#FBF3E2" },
    { "token": "bad", "name": "Failed / Rejected", "hex": "#B42318", "soft": "#FDECEA" },
    { "token": "info", "name": "Out for delivery", "hex": "#2F5F8A", "soft": "#EAF1F8" }
  ],
  "type": {
    "display": "Inter Tight 600 (wordmark interim: 800, tracking -0.015em)",
    "body": "Inter 400/500/600",
    "references": "Inter 500 with tabular figures (no monospace font)"
  },
  "wordmarkTypeface": "Interim. Final typeface to be chosen and licensed (candidates: Piccole, Cocogoose, Druk)."
}