/*
 * AsyncAPI React component theme for the TDS OpenAPI binding docs.
 *
 * Matches docs/site/theme.css (TagBrush.css, --color-primary: #0e7490) and
 * docs/site/redocly.yaml. The component is styled with Tailwind utility
 * classes under .aui-root, so this file re-colors those classes with
 * TagBrush.css's computed values (light scheme for the page, dark scheme for
 * the code panels). Change theme.css, redocly.yaml and this file together.
 */

#asyncapi .aui-root {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #222a2d;
  line-height: 1.6;
}

#asyncapi .aui-root h1,
#asyncapi .aui-root h2,
#asyncapi .aui-root h3,
#asyncapi .aui-root h4 {
  font-weight: 700;
  line-height: 1.2;
  color: #222a2d;
}

/* Inline code: TagBrush.css surface chip, no Tailwind backticks. */
#asyncapi .aui-root code::before,
#asyncapi .aui-root code::after { content: none; }
#asyncapi .aui-root :not(pre) > code {
  background: #f3f4f5;
  border-radius: 0.375rem;
  padding: 0.1em 0.35em;
  font-weight: 400;
}

#asyncapi .aui-root a { color: #006e8a; }
#asyncapi .aui-root a:hover { color: #0e7490; }

/* Primary: teal and blue utilities become the theme's primary. */
#asyncapi .aui-root .bg-teal-500,
#asyncapi .aui-root .bg-blue-500,
#asyncapi .aui-root .bg-blue-600 { background-color: #0e7490; }
#asyncapi .aui-root .bg-blue-400 { background-color: #3b93ab; }
#asyncapi .aui-root .bg-blue-100 { background-color: #e1f0f4; }
#asyncapi .aui-root .text-teal-500,
#asyncapi .aui-root .text-blue-500 { color: #006e8a; }
#asyncapi .aui-root .border-blue-300 { border-color: #9fcbd8; }
#asyncapi .aui-root .border-blue-600 { border-color: #0e7490; }

/* Neutrals: TagBrush.css's primary-tinted greys. */
#asyncapi .aui-root .text-gray-900,
#asyncapi .aui-root .text-gray-800 { color: #222a2d; }
#asyncapi .aui-root .text-gray-700,
#asyncapi .aui-root .text-gray-600,
#asyncapi .aui-root .text-gray-500 { color: #676c6e; }
#asyncapi .aui-root .bg-gray-100 { background-color: #f3f4f5; }
#asyncapi .aui-root .bg-gray-200 { background-color: #e5e8e8; }
#asyncapi .aui-root .border-gray-400 { border-color: #d3d8d9; }

/* Code panels: TagBrush.css's dark scheme. */
#asyncapi .aui-root .bg-gray-800 { background-color: #111a1d; }
#asyncapi .aui-root .bg-gray-600 { background-color: #222a2d; }
#asyncapi .aui-root .text-gray-200 { color: #f3f4f5; }

/* Status colors: TagBrush.css's success, warning and error. */
#asyncapi .aui-root .bg-green-600 { background-color: #16a34a; }
#asyncapi .aui-root .border-green-600 { border-color: #16a34a; }
#asyncapi .aui-root .bg-orange-600,
#asyncapi .aui-root .bg-yellow-600 { background-color: #b45309; }
#asyncapi .aui-root .bg-red-600 { background-color: #dc2626; }

/* Syntax highlighting in the dark code panels, from TagBrush.css's dark code colors. */
#asyncapi .aui-root .hljs-keyword,
#asyncapi .aui-root .hljs-literal { color: #c4b5fd; }
#asyncapi .aui-root .hljs-string { color: #86efac; }
#asyncapi .aui-root .hljs-number { color: #fcd34d; }
#asyncapi .aui-root .hljs-attr,
#asyncapi .aui-root .hljs-built_in { color: #93c5fd; }