/* Chrome WebMCP declarative focus indicators (experimental).
 * Kept out of Tailwind/Lightning CSS pipeline so unknown pseudos do not fail the build.
 * @see https://developer.chrome.com/docs/ai/webmcp/declarative-api
 */

form:tool-form-active {
  outline: light-dark(#2563eb, #22d3ee) dashed 2px;
  outline-offset: 4px;
  border-radius: 1rem;
}

button:tool-submit-active,
input:tool-submit-active {
  outline: light-dark(#dc2626, #fb7185) dashed 2px;
  outline-offset: 2px;
}