{
  "app": "8",
  "name": "AI Chat Study",
  "reference": "../../refs/r08-ai-chat.png",
  "font": "Plus Jakarta Sans (+ Caveat for the handwritten bubble)",
  "brandSlot": "Home › header logo wordmark (was \"AI Chat\"). Same 15px/700, same orange sparkle tile.",
  "css_vars": {
    "page": "#F2F2F3",
    "ink": "#111",
    "ink-2": "#555",
    "muted": "#8E8E93",
    "orange": "#FD6815",
    "orange-2": "#FF8A3D",
    "navy": "#13235C",
    "red": "#EE3B33",
    "sky": "#6DC9FC",
    "sky-2": "#BFE7FD",
    "sky-3": "#E9F7FD",
    "line": "#1A1A1A",
    "font": "'Plus Jakarta Sans',system-ui,sans-serif",
    "pw": "290px",
    "ph": "626px",
    "pr": "38px",
    "pb": "5px",
    "frame": "#fff",
    "frame-ring": "0 0 0 1px #E3E3E5,0 24px 50px -16px rgba(0,0,0,.15)",
    "screen": "#fff"
  },
  "components": {
    ".obtn": "44 tall orange pill 13/600 white",
    ".logo": "24 orange rounded tile with sparkle + 15/700 wordmark",
    ".ask": "36 tall white pill 1.2px #D9D9DB border, 28 orange send circle",
    ".tile": "64 tall r9 white, 1.3px border; selected border orange",
    ".rc/.bb": "1.6px #1A1A1A border, r10–12, box-shadow 0 3px 0 #1A1A1A",
    ".hnav": "56 tall pill, 1.6px black outline; active item expands to orange pill with label",
    ".c-in": "40 tall black input pill + 40 orange send circle"
  }
}