@import '~video.js/src/css/video-js';
@import 'bootstrap';

$colorTransitionFunction: ease-out;
$colorTransitionDuration: 1s;

html[data-toggled-dark='true'] * {
  transition: background-color $colorTransitionDuration $colorTransitionFunction,
    color $colorTransitionDuration $colorTransitionFunction,
    border-color $colorTransitionDuration $colorTransitionFunction !important;
}

html {
  $twitch-color: rgb(145, 71, 255);

  .btn {
    &.btn-twitch {
      @include button-variant($twitch-color, $twitch-color);
    }

    &.btn-outline-twitch {
      @include button-outline-variant($twitch-color);
    }
  }
}