@import "@css[shared]/base/_mixins";

@mixin custom-scrollbar {
   &::-webkit-scrollbar,
   ::-webkit-scrollbar {
      height: $scrollbar-size;
      width: $scrollbar-size;
   }

   &::-webkit-scrollbar-track,
   ::-webkit-scrollbar-track {
      box-shadow: none;
      background: $scrollbar-track-bg;
   }

   &::-webkit-scrollbar-thumb,
   ::-webkit-scrollbar-thumb {
      background: $scrollbar-thumb-bg;
      border-radius: $scrollbar-border-radius;
   }
}

$btn-primary-bg: $brand-primary !default;
$btn-primary-border: $btn-primary-bg !default;
$btn-primary-color: $white !default;
$btn-primary-bg-hover: $gray !default;
$btn-primary-border-hover: $gray !default;
$btn-primary-color-hover: $btn-primary-color !default;
@mixin btn-primary {
   background-color: $btn-primary-bg;
   border-color: $btn-primary-border;
   color: $btn-primary-color;

   @include haf {
      background-color: $btn-primary-bg-hover;
      border-color: $btn-primary-border-hover;
      color: $btn-primary-color-hover;
   }
}

$btn-secondary-bg: $white !default;
$btn-secondary-border: $border-color !default;
$btn-secondary-color: $text-dark !default;
$btn-secondary-bg-hover: $btn-secondary-bg !default;
$btn-secondary-border-hover: $black !default;
$btn-secondary-color-hover: $btn-secondary-color !default;
@mixin btn-secondary {
   background-color: $btn-secondary-bg;
   border-color: $btn-secondary-border;
   color: $btn-secondary-color;

   @include haf {
      background-color: $btn-secondary-bg-hover;
      border-color: $btn-secondary-border-hover;
      color: $btn-secondary-color-hover;
   }
}

$btn-ctr-bg: $brand-ctr !default;
$btn-ctr-border: $btn-ctr-bg !default;
$btn-ctr-color: $white !default;
$btn-ctr-bg-hover: $gray !default;
$btn-ctr-border-hover: $gray !default;
$btn-ctr-color-hover: $btn-primary-color !default;
@mixin btn-ctr {
   background-color: $btn-ctr-bg;
   border-color: $btn-ctr-border;
   color: $btn-ctr-color;

   @include haf {
      background-color: $btn-ctr-bg-hover;
      border-color: $btn-ctr-border-hover;
      color: $btn-ctr-color-hover;
   }
}
