/* Основной цвет сайта -> ядовитый жёлто-зелёный #CCFF00 */
:root{
  --color-violet-500:#CCFF00; --color-violet-400:#CCFF00; --color-violet-300:#d8ff4d;
  --color-violet-200:#e6ff80; --color-sky-500:#CCFF00; --color-sky-400:#CCFF00;
}
/* фоновые заливки (кнопки) — тёмный текст, иначе белое не читается */
.bg-violet-500,.bg-violet-400,.bg-sky-500,.bg-sky-400,
.hover\:bg-violet-400:hover,.hover\:bg-sky-400:hover{
  background-color:#CCFF00 !important; color:#0b0f00 !important;
}
.bg-violet-500 *,.bg-violet-400 *,.bg-sky-500 *,.bg-sky-400 *{color:#0b0f00 !important;}
/* текст-ссылки на тёмном фоне */
.text-violet-400,.text-violet-300,.text-sky-500,.text-sky-400,
.hover\:text-violet-300:hover{color:#CCFF00 !important;}
/* рамки / кольца / тени свечения */
.border-violet-500,.border-violet-400,.border-sky-500{border-color:#CCFF00 !important;}
.ring-violet-500,.ring-sky-500{--tw-ring-color:#CCFF00 !important;}
.shadow-violet-500\/20,.shadow-violet-500\/30{--tw-shadow-color:rgba(204,255,0,.28) !important;}
/* градиенты */
.from-violet-400,.from-sky-500{--tw-gradient-from:#CCFF00 !important;}
.to-violet-400,.via-violet-200,.to-sky-400{--tw-gradient-to:#CCFF00 !important;}
/* свечение внутри btn-glow */
.btn-glow:after{background:linear-gradient(135deg,rgba(204,255,0,.28),transparent 60%) !important;}

/* скрыть кнопку play у видео-примера (наше правило для автозапуска) */
video::-webkit-media-controls-start-playback-button,
video::-webkit-media-controls-overlay-play-button,
video::-webkit-media-controls-play-button,
video::-webkit-media-controls-panel,
video::-webkit-media-controls{display:none !important;opacity:0 !important;-webkit-appearance:none !important}