/* ساخته‌شده توسطِ scripts/gen_color_bridge.py — دستی ویرایش نکن.
   همهٔ رنگ‌های برندِ Tailwind → --zb-accent (شخصیتِ بیننده/سالن)؛ سبز/قرمز/کهربایی → ok/bad/warn. */
html .bg-teal-50{background-color:color-mix(in srgb,var(--zb-accent) 7%,var(--surface,#fff))!important}
html .bg-teal-100{background-color:color-mix(in srgb,var(--zb-accent) 12%,var(--surface,#fff))!important}
html .border-teal-100{border-color:color-mix(in srgb,var(--zb-accent) 26%,transparent)!important}
html .focus\:ring-teal-100:focus{--tw-ring-color:color-mix(in srgb,var(--zb-accent) 26%,transparent)!important}
html .border-teal-200{border-color:color-mix(in srgb,var(--zb-accent) 38%,transparent)!important}
html .hover\:bg-teal-200:hover{background-color:color-mix(in srgb,var(--zb-accent) 22%,var(--surface,#fff))!important}
html .focus\:ring-teal-200:focus{--tw-ring-color:color-mix(in srgb,var(--zb-accent) 38%,transparent)!important}
html .shadow-teal-200\/50,html .shadow-teal-200\/30,html .shadow-teal-200\/20{--tw-shadow-color:color-mix(in srgb,var(--zb-accent) 30%,transparent)!important}
html .border-teal-300{border-color:color-mix(in srgb,var(--zb-accent) 45%,var(--surface,#fff))!important}
html .hover\:border-teal-300:hover{border-color:color-mix(in srgb,var(--zb-accent) 45%,var(--surface,#fff))!important}
html .focus\:border-teal-400:focus{border-color:color-mix(in srgb,var(--zb-accent) 78%,#fff)!important}
html .text-teal-500{color:var(--zb-accent)!important}
html .ring-teal-500{--tw-ring-color:var(--zb-accent)!important}
html .bg-teal-600{background-color:var(--zb-accent-solid,var(--zb-accent))!important}
html .text-teal-600{color:var(--zb-accent)!important}
html .from-teal-600{--tw-gradient-from:var(--zb-accent)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)!important}
html .hover\:text-teal-600:hover{color:var(--zb-accent)!important}
html .text-teal-700{color:color-mix(in srgb,var(--zb-accent) 82%,#000)!important}
html .hover\:bg-teal-700:hover{background-color:color-mix(in srgb,var(--zb-accent) 82%,#000)!important}
html .hover\:text-teal-700:hover{color:color-mix(in srgb,var(--zb-accent) 82%,#000)!important}
html .bg-cyan-50{background-color:color-mix(in srgb,var(--zb-accent) 7%,var(--surface,#fff))!important}
html .hover\:bg-cyan-50:hover{background-color:color-mix(in srgb,var(--zb-accent) 7%,var(--surface,#fff))!important}
html .bg-cyan-100{background-color:color-mix(in srgb,var(--zb-accent) 12%,var(--surface,#fff))!important}
html .hover\:border-cyan-300:hover{border-color:color-mix(in srgb,var(--zb-accent) 45%,var(--surface,#fff))!important}
html .bg-cyan-600{background-color:var(--zb-accent-solid,var(--zb-accent))!important}
html .text-cyan-600{color:var(--zb-accent)!important}
html .to-cyan-600{--tw-gradient-to:color-mix(in srgb,var(--zb-accent) 82%,#000)!important}
html .text-cyan-700{color:color-mix(in srgb,var(--zb-accent) 82%,#000)!important}
html .bg-blue-50{background-color:color-mix(in srgb,var(--zb-accent) 7%,var(--surface,#fff))!important}
html .hover\:bg-blue-50:hover{background-color:color-mix(in srgb,var(--zb-accent) 7%,var(--surface,#fff))!important}
html .bg-blue-100{background-color:color-mix(in srgb,var(--zb-accent) 12%,var(--surface,#fff))!important}
html .hover\:bg-blue-100:hover{background-color:color-mix(in srgb,var(--zb-accent) 12%,var(--surface,#fff))!important}
html .border-blue-200{border-color:color-mix(in srgb,var(--zb-accent) 38%,transparent)!important}
html .hover\:bg-blue-200:hover{background-color:color-mix(in srgb,var(--zb-accent) 22%,var(--surface,#fff))!important}
html .border-blue-300{border-color:color-mix(in srgb,var(--zb-accent) 45%,var(--surface,#fff))!important}
html .hover\:border-blue-300:hover{border-color:color-mix(in srgb,var(--zb-accent) 45%,var(--surface,#fff))!important}
html .bg-blue-500{background-color:var(--zb-accent-solid,var(--zb-accent))!important}
html .text-blue-500{color:var(--zb-accent)!important}
html .bg-blue-600{background-color:var(--zb-accent-solid,var(--zb-accent))!important}
html .text-blue-600{color:var(--zb-accent)!important}
html .text-blue-700{color:color-mix(in srgb,var(--zb-accent) 82%,#000)!important}
html .hover\:text-blue-700:hover{color:color-mix(in srgb,var(--zb-accent) 82%,#000)!important}
html .bg-indigo-50{background-color:color-mix(in srgb,var(--zb-accent) 7%,var(--surface,#fff))!important}
html .bg-indigo-100{background-color:color-mix(in srgb,var(--zb-accent) 12%,var(--surface,#fff))!important}
html .border-indigo-100{border-color:color-mix(in srgb,var(--zb-accent) 26%,transparent)!important}
html .text-indigo-500{color:var(--zb-accent)!important}
html .text-indigo-600{color:var(--zb-accent)!important}
html .text-indigo-700{color:color-mix(in srgb,var(--zb-accent) 82%,#000)!important}
html .bg-violet-50{background-color:color-mix(in srgb,var(--zb-accent) 7%,var(--surface,#fff))!important}
html .to-violet-500{--tw-gradient-to:color-mix(in srgb,var(--zb-accent) 82%,#000)!important}
html .text-violet-600{color:var(--zb-accent)!important}
html .text-violet-700{color:color-mix(in srgb,var(--zb-accent) 82%,#000)!important}
html .bg-purple-50{background-color:color-mix(in srgb,var(--zb-accent) 7%,var(--surface,#fff))!important}
html .border-purple-100{border-color:color-mix(in srgb,var(--zb-accent) 26%,transparent)!important}
html .text-purple-700{color:color-mix(in srgb,var(--zb-accent) 82%,#000)!important}
html .bg-pink-50{background-color:color-mix(in srgb,var(--zb-accent) 7%,var(--surface,#fff))!important}
html .bg-pink-100{background-color:color-mix(in srgb,var(--zb-accent) 12%,var(--surface,#fff))!important}
html .border-pink-300{border-color:color-mix(in srgb,var(--zb-accent) 45%,var(--surface,#fff))!important}
html .text-pink-500{color:var(--zb-accent)!important}
html .from-pink-500{--tw-gradient-from:var(--zb-accent)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)!important}
html .text-pink-600{color:var(--zb-accent)!important}
html .text-pink-700{color:color-mix(in srgb,var(--zb-accent) 82%,#000)!important}
html .bg-rose-50{background-color:color-mix(in srgb,var(--zb-accent) 7%,var(--surface,#fff))!important}
html .text-rose-600{color:var(--zb-accent)!important}
html .text-rose-700{color:color-mix(in srgb,var(--zb-accent) 82%,#000)!important}
html .bg-green-50{background-color:color-mix(in srgb,var(--zb-ok) 7%,var(--surface,#fff))!important}
html .hover\:bg-green-50:hover{background-color:color-mix(in srgb,var(--zb-ok) 7%,var(--surface,#fff))!important}
html .bg-green-100{background-color:color-mix(in srgb,var(--zb-ok) 12%,var(--surface,#fff))!important}
html .hover\:bg-green-100:hover{background-color:color-mix(in srgb,var(--zb-ok) 12%,var(--surface,#fff))!important}
html .border-green-200{border-color:color-mix(in srgb,var(--zb-ok) 38%,transparent)!important}
html .hover\:bg-green-200:hover{background-color:color-mix(in srgb,var(--zb-ok) 22%,var(--surface,#fff))!important}
html .hover\:border-green-300:hover{border-color:color-mix(in srgb,var(--zb-ok) 45%,var(--surface,#fff))!important}
html .bg-green-400{background-color:color-mix(in srgb,var(--zb-ok) 78%,#fff)!important}
html .bg-green-500{background-color:var(--zb-ok)!important}
html .text-green-500{color:var(--zb-ok)!important}
html .ring-green-500{--tw-ring-color:var(--zb-ok)!important}
html .bg-green-600{background-color:var(--zb-ok)!important}
html .text-green-600{color:var(--zb-ok)!important}
html .hover\:bg-green-600:hover{background-color:var(--zb-ok)!important}
html .text-green-700{color:color-mix(in srgb,var(--zb-ok) 82%,#000)!important}
html .hover\:text-green-700:hover{color:color-mix(in srgb,var(--zb-ok) 82%,#000)!important}
html .bg-emerald-50{background-color:color-mix(in srgb,var(--zb-ok) 7%,var(--surface,#fff))!important}
html .bg-emerald-100{background-color:color-mix(in srgb,var(--zb-ok) 12%,var(--surface,#fff))!important}
html .text-emerald-200{color:color-mix(in srgb,var(--zb-ok) 38%,transparent)!important}
html .border-emerald-200{border-color:color-mix(in srgb,var(--zb-ok) 38%,transparent)!important}
html .bg-emerald-500{background-color:var(--zb-ok)!important}
html .text-emerald-500{color:var(--zb-ok)!important}
html .text-emerald-600{color:var(--zb-ok)!important}
html .hover\:bg-emerald-600:hover{background-color:var(--zb-ok)!important}
html .text-emerald-700{color:color-mix(in srgb,var(--zb-ok) 82%,#000)!important}
html .text-emerald-800{color:color-mix(in srgb,var(--zb-ok) 60%,var(--zb-navy,#16204a))!important}
html .bg-red-50{background-color:color-mix(in srgb,var(--zb-bad) 7%,var(--surface,#fff))!important}
html .hover\:bg-red-50:hover{background-color:color-mix(in srgb,var(--zb-bad) 7%,var(--surface,#fff))!important}
html .bg-red-100{background-color:color-mix(in srgb,var(--zb-bad) 12%,var(--surface,#fff))!important}
html .border-red-100{border-color:color-mix(in srgb,var(--zb-bad) 26%,transparent)!important}
html .hover\:bg-red-100:hover{background-color:color-mix(in srgb,var(--zb-bad) 12%,var(--surface,#fff))!important}
html .border-red-200{border-color:color-mix(in srgb,var(--zb-bad) 38%,transparent)!important}
html .hover\:bg-red-200:hover{background-color:color-mix(in srgb,var(--zb-bad) 22%,var(--surface,#fff))!important}
html .hover\:border-red-200:hover{border-color:color-mix(in srgb,var(--zb-bad) 38%,transparent)!important}
html .bg-red-400{background-color:color-mix(in srgb,var(--zb-bad) 78%,#fff)!important}
html .text-red-400{color:color-mix(in srgb,var(--zb-bad) 78%,#fff)!important}
html .focus\:border-red-400:focus{border-color:color-mix(in srgb,var(--zb-bad) 78%,#fff)!important}
html .bg-red-500{background-color:var(--zb-bad)!important}
html .text-red-500{color:var(--zb-bad)!important}
html .border-red-500{border-color:var(--zb-bad)!important}
html .hover\:text-red-500:hover{color:var(--zb-bad)!important}
html .bg-red-600{background-color:var(--zb-bad)!important}
html .text-red-600{color:var(--zb-bad)!important}
html .hover\:bg-red-600:hover{background-color:var(--zb-bad)!important}
html .hover\:text-red-600:hover{color:var(--zb-bad)!important}
html .text-red-700{color:color-mix(in srgb,var(--zb-bad) 82%,#000)!important}
html .hover\:text-red-700:hover{color:color-mix(in srgb,var(--zb-bad) 82%,#000)!important}
html .bg-amber-50{background-color:color-mix(in srgb,var(--zb-warn) 7%,var(--surface,#fff))!important}
html .hover\:bg-amber-50:hover{background-color:color-mix(in srgb,var(--zb-warn) 7%,var(--surface,#fff))!important}
html .bg-amber-100{background-color:color-mix(in srgb,var(--zb-warn) 12%,var(--surface,#fff))!important}
html .border-amber-100{border-color:color-mix(in srgb,var(--zb-warn) 26%,transparent)!important}
html .border-amber-200{border-color:color-mix(in srgb,var(--zb-warn) 38%,transparent)!important}
html .hover\:bg-amber-200:hover{background-color:color-mix(in srgb,var(--zb-warn) 22%,var(--surface,#fff))!important}
html .border-amber-300{border-color:color-mix(in srgb,var(--zb-warn) 45%,var(--surface,#fff))!important}
html .hover\:border-amber-300:hover{border-color:color-mix(in srgb,var(--zb-warn) 45%,var(--surface,#fff))!important}
html .bg-amber-400{background-color:color-mix(in srgb,var(--zb-warn) 78%,#fff)!important}
html .bg-amber-500{background-color:var(--zb-warn)!important}
html .text-amber-500{color:var(--zb-warn)!important}
html .bg-amber-600{background-color:var(--zb-warn)!important}
html .text-amber-600{color:var(--zb-warn)!important}
html .text-amber-700{color:color-mix(in srgb,var(--zb-warn) 82%,#000)!important}
html .hover\:text-amber-700:hover{color:color-mix(in srgb,var(--zb-warn) 82%,#000)!important}
html .bg-yellow-100{background-color:color-mix(in srgb,var(--zb-warn) 12%,var(--surface,#fff))!important}
html .bg-yellow-400{background-color:color-mix(in srgb,var(--zb-warn) 78%,#fff)!important}
html .text-yellow-400{color:color-mix(in srgb,var(--zb-warn) 78%,#fff)!important}
html .bg-yellow-500{background-color:var(--zb-warn)!important}
html .text-yellow-500{color:var(--zb-warn)!important}
html .ring-yellow-500{--tw-ring-color:var(--zb-warn)!important}
html .text-yellow-600{color:var(--zb-warn)!important}
html .text-yellow-700{color:color-mix(in srgb,var(--zb-warn) 82%,#000)!important}
html .bg-orange-500{background-color:var(--zb-warn)!important}
html .text-orange-500{color:var(--zb-warn)!important}