{
 "$description": "On Behalf kit tokens, in the Design Tokens Community Group format. The permission appears inside other companies' apps: a marketplace, a restaurant's booking page, a grocer. So the kit has two kinds of token. Host tokens (surface, text, accent, corners and typeface) take the host app's look. Answer tokens (the colour and mark for On its own, Ask me first, Never and Ends) are locked and look the same in every host, so a person learns them once. The build turns this file into CSS custom properties prefixed --ob-.",
 "$extensions": {
  "prefix": "ob",
  "scope": ".ob-kit",
  "ob.hostable": [
   "color.surface",
   "color.canvas",
   "color.text",
   "color.text-muted",
   "color.line",
   "color.accent",
   "color.accent-text",
   "shape.card",
   "font.host"
  ],
  "ob.locked": [
   "answer.own",
   "answer.ask",
   "answer.never",
   "answer.ends",
   "answer.hard"
  ]
 },
 "primitive": {
  "color": {
   "$type": "color",
   "ink": {
    "950": {
     "$value": "#111317"
    },
    "900": {
     "$value": "#1A1D22"
    },
    "800": {
     "$value": "#24282E"
    },
    "700": {
     "$value": "#363B43"
    },
    "600": {
     "$value": "#4C525B"
    },
    "500": {
     "$value": "#676E78"
    },
    "400": {
     "$value": "#8D949E"
    },
    "300": {
     "$value": "#B4BAC2"
    },
    "200": {
     "$value": "#D7DBE0"
    },
    "100": {
     "$value": "#ECEEF1"
    },
    "50": {
     "$value": "#F6F7F9"
    }
   },
   "white": {
    "$value": "#FFFFFF"
   },
   "own": {
    "600": {
     "$value": "#11744A",
     "$description": "Go ahead"
    },
    "300": {
     "$value": "#5BD196"
    }
   },
   "ask": {
    "600": {
     "$value": "#9C5700",
     "$description": "Pause and ask. A dark amber, so it passes on white"
    },
    "300": {
     "$value": "#FFB547"
    }
   },
   "never": {
    "600": {
     "$value": "#C3232D",
     "$description": "Stop"
    },
    "300": {
     "$value": "#FF8A90"
    }
   },
   "focus": {
    "600": {
     "$value": "#1A5FD6"
    },
    "300": {
     "$value": "#8DB6FF"
    }
   }
  },
  "font": {
   "family": {
    "$type": "fontFamily",
    "system": {
     "$value": [
      "-apple-system",
      "BlinkMacSystemFont",
      "Segoe UI",
      "Roboto",
      "Helvetica Neue",
      "Arial",
      "sans-serif"
     ],
     "$description": "The kit uses the host's typeface. Without one, it uses the phone's own."
    }
   },
   "size": {
    "$type": "dimension",
    "caption": {
     "$value": "13px"
    },
    "footnote": {
     "$value": "15px"
    },
    "body": {
     "$value": "17px",
     "$description": "The iOS default body size"
    },
    "title": {
     "$value": "20px"
    },
    "large": {
     "$value": "28px"
    }
   },
   "weight": {
    "$type": "fontWeight",
    "regular": {
     "$value": 400
    },
    "medium": {
     "$value": 500
    },
    "bold": {
     "$value": 650
    }
   }
  },
  "space": {
   "$type": "dimension",
   "1": {
    "$value": "4px"
   },
   "2": {
    "$value": "8px"
   },
   "3": {
    "$value": "12px"
   },
   "4": {
    "$value": "16px"
   },
   "5": {
    "$value": "20px"
   },
   "6": {
    "$value": "24px"
   }
  },
  "radius": {
   "$type": "dimension",
   "card": {
    "$value": "16px"
   },
   "inner": {
    "$value": "10px"
   },
   "pill": {
    "$value": "999px"
   }
  },
  "size": {
   "$type": "dimension",
   "target": {
    "$value": "48px",
    "$description": "Above Apple's 44pt minimum and equal to Material's 48dp"
   },
   "mark": {
    "$value": "20px"
   }
  }
 },
 "theme": {
  "light": {
   "color": {
    "$type": "color",
    "canvas": {
     "$value": "{primitive.color.ink.50}"
    },
    "surface": {
     "$value": "{primitive.color.white}"
    },
    "text": {
     "$value": "{primitive.color.ink.900}"
    },
    "text-muted": {
     "$value": "{primitive.color.ink.600}"
    },
    "line": {
     "$value": "{primitive.color.ink.200}"
    },
    "accent": {
     "$value": "{primitive.color.ink.900}",
     "$description": "The host's own brand colour, for its buttons"
    },
    "accent-text": {
     "$value": "{primitive.color.white}"
    },
    "focus": {
     "$value": "{primitive.color.focus.600}"
    }
   },
   "answer": {
    "$type": "color",
    "own": {
     "$value": "{primitive.color.own.600}",
     "$description": "Locked. On its own: a filled circle with a tick"
    },
    "ask": {
     "$value": "{primitive.color.ask.600}",
     "$description": "Locked. Ask me first: a filled circle with a pause"
    },
    "never": {
     "$value": "{primitive.color.never.600}",
     "$description": "Locked. Never: a circle with a bar through it"
    },
    "ends": {
     "$value": "{primitive.color.ink.700}",
     "$description": "Locked. Ends: a clock face"
    },
    "hard": {
     "$value": "{primitive.color.never.600}",
     "$description": "Locked. Marks an action that cannot be undone"
    }
   },
   "shape": {
    "$type": "dimension",
    "card": {
     "$value": "{primitive.radius.card}"
    }
   },
   "font": {
    "$type": "fontFamily",
    "host": {
     "$value": "{primitive.font.family.system}"
    }
   }
  },
  "dark": {
   "color": {
    "$type": "color",
    "canvas": {
     "$value": "{primitive.color.ink.950}"
    },
    "surface": {
     "$value": "{primitive.color.ink.900}"
    },
    "text": {
     "$value": "{primitive.color.ink.50}"
    },
    "text-muted": {
     "$value": "{primitive.color.ink.300}"
    },
    "line": {
     "$value": "{primitive.color.ink.700}"
    },
    "accent": {
     "$value": "{primitive.color.ink.50}"
    },
    "accent-text": {
     "$value": "{primitive.color.ink.950}"
    },
    "focus": {
     "$value": "{primitive.color.focus.300}"
    }
   },
   "answer": {
    "$type": "color",
    "own": {
     "$value": "{primitive.color.own.300}"
    },
    "ask": {
     "$value": "{primitive.color.ask.300}"
    },
    "never": {
     "$value": "{primitive.color.never.300}"
    },
    "ends": {
     "$value": "{primitive.color.ink.300}"
    },
    "hard": {
     "$value": "{primitive.color.never.300}"
    }
   }
  }
 },
 "component": {
  "card": {
   "bg": {
    "$value": "{theme.color.surface}"
   },
   "radius": {
    "$value": "{theme.shape.card}"
   },
   "padding": {
    "$value": "{primitive.space.4}"
   }
  },
  "button": {
   "height": {
    "$value": "{primitive.size.target}"
   },
   "radius": {
    "$value": "{primitive.radius.inner}"
   },
   "primary-bg": {
    "$value": "{theme.color.accent}"
   },
   "primary-text": {
    "$value": "{theme.color.accent-text}"
   }
  },
  "mark": {
   "size": {
    "$value": "{primitive.size.mark}"
   }
  },
  "note": {
   "radius": {
    "$value": "22px",
    "$description": "Notification cards follow the phone's own shape, not the host's"
   }
  }
 }
}