{
  "brand": "resolvi com ai",
  "version": "v3-human-brandbook",
  "source": "brand-system/03-digital/tokens.md",
  "colors": {
    "cream-100": {
      "value": "#f1e9d6",
      "role": "canvas",
      "usage": ["page background", "empty surface", "brandbook canvas"],
      "forbidden": "dark mode replacement without review"
    },
    "cream-200": {
      "value": "#e6ddc8",
      "role": "surface",
      "usage": ["panel", "secondary button", "quiet block"],
      "forbidden": "primary text"
    },
    "cream-300": {
      "value": "#d8cbb2",
      "role": "inset surface",
      "usage": ["crt body", "subtle depth", "support block"],
      "forbidden": "large body copy background without contrast check"
    },
    "ink-900": {
      "value": "#1f1b16",
      "role": "primary text and stroke",
      "usage": ["body copy", "outline", "hierarchy"],
      "forbidden": "low contrast overlay"
    },
    "graphite-700": {
      "value": "#3a342c",
      "role": "secondary text",
      "usage": ["support copy", "metadata", "notes"],
      "forbidden": "small text on dark surface"
    },
    "screen-glow": {
      "value": "#8bd891",
      "role": "crt emission",
      "usage": ["crt screen glyph", "cursor", "blink", "logo screen", "media signal", "signature ai inside crt-screen chip"],
      "forbidden": "plain text on cream backgrounds, button background or generic cta"
    },
    "ui-action": {
      "value": "#245f51",
      "role": "interaction",
      "usage": ["button", "link", "active state", "selection", "cta ai"],
      "forbidden": "screen glow, keyboard focus token, small text on cream-200 or cream-300 without contrast check"
    },
    "ui-focus": {
      "value": "#000000",
      "role": "keyboard focus",
      "usage": ["outline", "focus ring"],
      "forbidden": "ambient glow or decorative accent"
    },
    "text-emphasis": {
      "value": "#1e594c",
      "role": "text highlight",
      "usage": ["short emphasis only on cream-100, cream-200 or cream-300"],
      "forbidden": "long paragraph color"
    },
    "crt-shadow": {
      "value": "rgba(139, 216, 145, 0.32)",
      "role": "screen-only shadow",
      "usage": ["crt glyph shadow", "screen blink"],
      "forbidden": "button shadow"
    },
    "text-base": {
      "value": "#1f1b16",
      "role": "prose",
      "usage": ["body copy", "paragraph ai"],
      "forbidden": "crt glow"
    },
    "canvas": {
      "value": "{colors.cream-100.value}",
      "role": "semantic page canvas",
      "usage": ["page background", "brandbook canvas"],
      "forbidden": "component text"
    },
    "surface": {
      "value": "{colors.cream-200.value}",
      "role": "semantic panel surface",
      "usage": ["cards", "quiet panels", "secondary controls"],
      "forbidden": "main prose color"
    },
    "inset": {
      "value": "{colors.cream-300.value}",
      "role": "semantic inset surface",
      "usage": ["crt body", "recessed panels", "support blocks"],
      "forbidden": "small low-contrast text"
    },
    "text-soft": {
      "value": "{colors.graphite-700.value}",
      "role": "semantic secondary text",
      "usage": ["metadata", "support copy"],
      "forbidden": "primary hierarchy"
    },
    "ui-focus-ring": {
      "value": "{colors.ui-focus.value}",
      "role": "semantic keyboard focus ring",
      "usage": ["2px outline with 2px offset"],
      "forbidden": "using color alone without outline"
    },
    "green-ui": {
      "value": "{colors.ui-action.value}",
      "role": "legacy alias for ui-action",
      "usage": ["compatibility"],
      "forbidden": "new documentation should use ui-action"
    },
    "green-crt": {
      "value": "{colors.screen-glow.value}",
      "role": "legacy alias for screen-glow",
      "usage": ["compatibility"],
      "forbidden": "new documentation should use screen-glow"
    },
    "crt-screen": {
      "value": "#132018",
      "role": "crt screen field",
      "usage": ["logo screen", "media screen", "terminal field"],
      "forbidden": "page background"
    },
    "amber-700": {
      "value": "#8a5a1f",
      "role": "warm signal",
      "usage": ["soft warning", "annotation", "review flag"],
      "forbidden": "primary cta"
    },
    "danger-700": {
      "value": "#7a2e22",
      "role": "risk",
      "usage": ["error", "close", "blocked"],
      "forbidden": "decorative accent"
    }
  },
  "typography": {
    "font-primary": {
      "value": "IBM Plex Sans",
      "css": "\"IBM Plex Sans\", ui-sans-serif, system-ui, -apple-system, blinkmacsystemfont, \"segoe ui\", sans-serif",
      "role": "body, heading, ui, site, poc, social, deck, pr",
      "license": "SIL Open Font License 1.1"
    },
    "font-mono": {
      "value": "IBM Plex Mono",
      "css": "\"IBM Plex Mono\", \"SFMono-Regular\", consolas, \"Liberation Mono\", monospace",
      "role": "labels, tokens, urls, code snippets, status metadata",
      "license": "SIL Open Font License 1.1"
    },
    "font-alternate": {
      "value": "Atkinson Hyperlegible",
      "role": "pending accessibility alternate",
      "license": "validate before packaging"
    }
  },
  "spacing": {
    "control-height-sm": { "value": "40px", "role": "tab, nav, auxiliary button" },
    "control-height-md": { "value": "44px", "role": "primary cta, input, main action" }
  },
  "radius": {
    "radius-control": { "value": "6px", "role": "buttons, tabs, inputs" },
    "radius-panel": { "value": "8px", "role": "panels and cards" }
  },
  "border": {
    "border-soft": { "value": "1px solid rgba(31,27,22,.30)", "role": "standard divider" },
    "border-hard": { "value": "3px solid #1f1b16", "role": "window, crt, structural emphasis" }
  },
  "motion": {
    "hover-transform": { "value": "translatey(-1px)", "role": "subtle hover lift" },
    "active-transform": { "value": "translatey(1px)", "role": "pressed state" },
    "blink": { "role": "crt screen only", "forbidden": "body copy or button attention trap" }
  }
}