:root {
    /* Base light pink */
    --plex-yelow: #ffb6c1; 
}

/* Scene scrubber and tags */
#scrubber-position-indicator, 
.scrubber-tags-background {
    background-color: var(--plex-yelow) !important;
}

/* Ghost buttons */
.btn-primary, 
.btn-primary:focus, 
.btn-primary.focus {
    background-color: #212121 !important; 
    border-color: var(--plex-yelow) !important; 
    color: var(--plex-yelow) !important; 
}

/* Button hover state */
.btn-primary:hover {
    background-color: var(--plex-yelow) !important;
    border-color: var(--plex-yelow) !important;
    color: #191919 !important; 
}

/* Button disabled state */
.btn-primary.disabled, 
.btn-primary:disabled {
    background-color: #212121 !important;
    border-color: #555555 !important;
    color: #555555 !important;
}

/* System task progress bars (e.g., scanning) */
.progress-bar {
    background-color: var(--plex-yelow) !important;
}

/* Video player timeline, volume slider, and handles */
.rc-slider-track, 
.rc-slider-handle,
.vjs-play-progress,
.vjs-volume-level {
    background-color: var(--plex-yelow) !important;
}

.rc-slider-handle {
    border-color: var(--plex-yelow) !important;
}

.rc-slider-handle:hover,
.rc-slider-handle:active {
    box-shadow: 0 0 5px var(--plex-yelow) !important;
}

/* HTML5 range slider inputs (fallbacks) */
input[type="range"]::-webkit-slider-thumb {
    background-color: var(--plex-yelow) !important;
}

input[type="range"]::-moz-range-thumb {
    background-color: var(--plex-yelow) !important;
}