/* Drain Gang - black & white theme (v2) */
:root {
  --brand-accent: #ffffff !important;
}

/* Desaturate colorful UI accents WITHOUT filtering body (would gray out live video) */

/* Colored text -> grayscale */
[class*='text-emerald-'], [class*='text-sky-'], [class*='text-blue-'],
[class*='text-indigo-'], [class*='text-violet-'], [class*='text-purple-'],
[class*='text-fuchsia-'], [class*='text-pink-'], [class*='text-rose-'],
[class*='text-red-'], [class*='text-orange-'], [class*='text-amber-'],
[class*='text-yellow-'], [class*='text-lime-'], [class*='text-teal-'],
[class*='text-cyan-'] {
  filter: grayscale(1);
}

/* Colored backgrounds (buttons, badges) -> grayscale */
[class*='bg-emerald-'], [class*='bg-sky-'], [class*='bg-blue-'],
[class*='bg-indigo-'], [class*='bg-violet-'], [class*='bg-purple-'],
[class*='bg-fuchsia-'], [class*='bg-pink-'], [class*='bg-rose-'],
[class*='bg-red-'], [class*='bg-orange-'], [class*='bg-amber-'],
[class*='bg-yellow-'], [class*='bg-lime-'], [class*='bg-teal-'],
[class*='bg-cyan-'] {
  filter: grayscale(1);
}

/* Colored borders -> grayscale */
[class*='border-emerald-'], [class*='border-sky-'], [class*='border-blue-'],
[class*='border-indigo-'], [class*='border-violet-'], [class*='border-purple-'],
[class*='border-fuchsia-'], [class*='border-pink-'], [class*='border-rose-'],
[class*='border-red-'], [class*='border-orange-'], [class*='border-amber-'],
[class*='border-yellow-'], [class*='border-lime-'], [class*='border-teal-'],
[class*='border-cyan-'] {
  filter: grayscale(1);
}

/* Status dots and glow effects -> grayscale */
[class*='ring-'], [class*='shadow-emerald-'], [class*='shadow-sky-'],
[class*='shadow-blue-'], [class*='shadow-red-'], [class*='shadow-amber-'] {
  filter: grayscale(1);
}

/* Login crown glow + brand accents */
.login-crown, .header-crown {
  filter: grayscale(1);
}

/* Keep live media in true color */
video, #frameCanvas, #remoteVideo, #webcamVideo,
[class*='webcam'], [id*='screenshot'] img, .preview-media {
  filter: none !important;
}

/* Icon fonts that are colored inline (telegram icon etc.) stay monochrome */
i[class^='fa-'], i[class*=' fa-'], svg {
  filter: grayscale(1);
}

/* ...except any icon inside a live-media container (defensive) */
video i, #frameCanvas i, svg[class*='video'] {
  filter: none !important;
}