@use "sass:math";

$white:    #fff;
$gray-100: #f8f9fa;
$gray-200: #e9ecef;
$gray-300: #dee2e6;
$gray-400: #ced4da;
$gray-500: #adb5bd;
$gray-600: #6c757d;
$gray-700: #495057;
$gray-800: #343a40;
$gray-900: #212529;
$black:    #000;


$red:    #d9534f !default;
$orange: #f0ad4e !default;
$yellow: #ffd500 !default;
$green:  #5cb85c !default;
$blue:   #0275d8 !default;
$teal:   #5bc0de !default;
$pink:   #ff5b77 !default;
$purple: #843cbb !default;
$semi: rgba(0,0,0, .5);


@import "~bootstrap/scss/functions";

$table-bg: rgba(255,255,255,.05);
$table-bg-hover: rgba(255,255,255,.1);
$table-border-color: rgba(255,255,255,.1);

$theme-colors: (
  primary: $blue,
  secondary: #38434e,
  success: $green,
  info: $blue,
  warning: $orange,
  danger: $red,
  light: $gray-300,
  dark: #0e151d,
  rare: $purple,
  semi: $semi
);

$body-color: #ccc;
$body-bg: #0c131b;

$font-family-sans-serif: "Source Sans Pro";
$font-family-monospace: "Source Code Pro";
$font-size-base: math.div(14rem, 16);
$font-size-lg: 1.28rem;
$font-size-sm: .85rem;

$line-height-base: 1.6;

$border-radius:               .35rem;
$border-radius-lg:            .35rem;
$border-radius-sm:            .2rem;

$box-shadow: 0 .5rem 1rem rgba($black, .5) !default;

// -----

$headings-color: #ced9e2;
$headings-font-weight: lighter;

$input-btn-padding-y: .3rem;
$input-btn-padding-x: .9rem;
$input-btn-line-height: 1.6;
$input-btn-line-height-sm: 1.8;
$input-btn-line-height-lg: 1.8;
$btn-focus-width: 1px;

$h4-font-size: 18px;

$link-color: $gray-400;
$link-hover-color: $white;
$link-hover-decoration: none;

$component-active-color: $white;
$component-active-bg: $blue;

$list-group-color: $body-color;
$list-group-bg: $table-bg;
$list-group-border-color: $table-border-color;

$list-group-item-padding-y: 0.8rem;
$list-group-item-padding-x: 1rem;

$list-group-hover-bg: $table-bg-hover;
$list-group-active-bg: rgba(255,255,255,.2);
$list-group-active-color: $component-active-color;
$list-group-active-border-color: translate;

$list-group-action-color: $body-color;
$list-group-action-hover-color: white;

$list-group-action-active-color: $component-active-color;
$list-group-action-active-bg: $list-group-active-bg;

$alert-padding-y: 0.9rem;
$alert-padding-x: 1.25rem;

$transition-base: all .15s ease-in-out;
$transition-fade: opacity .1s linear;
$transition-collapse: height .35s ease;
$btn-transition: all .15s ease-in-out;

$popover-bg: $body-bg;
$popover-body-color: $body-color;
$popover-header-bg: $table-bg-hover;
$popover-header-color: $headings-color;
$popover-arrow-color: $popover-bg;
$popover-max-width: 360px;

$btn-border-width:  2px;

$input-bg:                       $black;
$input-disabled-bg:              #2e3235;

$input-color:                    #ddd;
$input-border-color:             $input-bg;
$input-border-width:             2px;

$input-focus-bg:                 $input-bg;
$input-focus-border-color:       rgba(171, 171, 171, 0.61);
$input-focus-color:              $input-color;

$input-group-addon-color: $input-color;
$input-group-addon-bg: $input-bg;
$input-group-addon-border-color: transparent;
$input-group-btn-border-color: $input-bg;

$form-switch-color:               rgba(255,255,255, .25);

$nav-tabs-border-radius: 0;
$nav-tabs-border-color: transparent;
$nav-tabs-border-width: 2px;
$nav-tabs-link-hover-border-color: transparent;
$nav-tabs-link-active-color: #eee;
$nav-tabs-link-active-bg: transparent;
$nav-tabs-link-active-border-color: #eee;

$nav-pills-link-active-bg: rgba(255, 255, 255, .125);

$navbar-padding-y: 0;
$navbar-padding-x: 0;

$dropdown-bg: $body-bg;
$dropdown-color: $body-color;
$dropdown-border-width: 1px;
$dropdown-border-color: #ffffff24;
$dropdown-header-color: $gray-500;

$dropdown-link-color: $body-color;
$dropdown-link-hover-color: #eee;
$dropdown-link-hover-bg: rgba(255,255,255,.04);
$dropdown-link-active-color: white;
$dropdown-link-active-bg: rgba(0, 0, 0, .2);
$dropdown-item-padding-y: 0.5rem;
$dropdown-item-padding-x: 1.5rem;


$code-color: $orange;
$code-bg: rgba(0, 0, 0, .25);
$code-padding-y: 3px;
$code-padding-x: 5px;
$pre-bg: $dropdown-bg;
$pre-color: $dropdown-link-color;

$badge-font-size: 0.75rem;
$badge-font-weight: bold;
$badge-padding-y: 4px;
$badge-padding-x: 6px;


$custom-control-indicator-size: 1.2rem;
$custom-control-indicator-bg: $body-bg;
$custom-control-indicator-border-color: lighten($body-bg, 25%);
$custom-control-indicator-checked-bg: theme-color("primary");
$custom-control-indicator-checked-color: $body-bg;
$custom-control-indicator-checked-border-color: transparent;
$custom-control-indicator-active-bg: rgba(255, 255, 0, 0.5);


$modal-content-bg:               $body-bg;
$modal-content-border-color:     $body-bg;
$modal-header-border-width:         0;
$modal-footer-border-width:         0;

$modal-content-border-color:        #ffffff24;
$modal-content-border-width:        1px;


$progress-bg: $table-bg;
$progress-height: 3px;

$alert-bg-scale: 90%;
$alert-border-scale: 50%;
$alert-color-scale: 50%;