$black: #000;
$white: #fff;
$blue: #9b17e2;
$cyan: #1381f3;
$green: #31bd3d;
$yellow: #fc781b;
$red: #f31446;

$gray-100: #f7f8f9;
$gray-200: #e5e5e5;
$gray-300: #adb5bd;
$gray-400: #615f63;
$gray-500: #444444;
$gray-600: #495057;
$gray-700: #46444a;
$gray-800: #37353d;
$gray-900: #2b2a2f;

$primary-alt: #c86afa !default;
$secondary: $gray-900;
$dark: $gray-700;

$font-size-base: 0.875rem;
$font-size-lg: 1.125rem;
$font-size-sm: 0.8125rem;

$border-radius: .2rem;
$border-radius-sm: .15rem;
$border-radius-lg: .3rem;

$enable-shadows: true;

$min-contrast-ratio: 2.2 !default;

// Elements

$body-bg: $gray-800;
$body-color: $white;
$link-color: $white;
$text-muted: $gray-400;

// Custom Variables

$theme-box-shadow-sm: 0px 1px 4px 0px rgba(0, 0, 0, 0.2) !default;
$theme-box-shadow-lg: 0px 2px 12px 0px rgba(0, 0, 0, 0.25) !default;

// Alert

$alert-bg-level: 0; // bs4
$alert-bg-scale: 0%; // bs5
$alert-border-level: 0; // bs4
$alert-border-scale: 0%; // bs5
$alert-color-level: -10; // bs4
$alert-color-scale: 0%; // bs5
$alert-border-radius: $border-radius;

// Badges

$badge-font-size: 80%;

// Breadcrumb

$breadcrumb-bg: $gray-700;
$breadcrumb-divider-color: $gray-400;
$breadcrumb-active-color: $gray-400;
$breadcrumb-item-padding: 0.75rem;
$breadcrumb-padding-y: 0.75rem;
$breadcrumb-padding-x: 1rem;
$breadcrumb-border-radius: $border-radius;

// Buttons

$btn-padding-x: .75rem;
$btn-box-shadow: $theme-box-shadow-sm;
$btn-active-box-shadow: $theme-box-shadow-sm;

// Cards

$card-bg: $gray-700;
$card-border-radius: $border-radius;
$card-spacer-x: 1.25rem;

// Dropdowns

$dropdown-bg: $gray-700;
$dropdown-border-color: $gray-400;
$dropdown-color: $white;
$dropdown-link-color: $white;
$dropdown-link-hover-color: $white;
$dropdown-link-hover-bg: $blue;
$dropdown-link-disabled-color: $gray-400;
$dropdown-border-radius: $border-radius;
$dropdown-item-padding-x: 1rem;
$dropdown-divider-bg: $gray-400;
$dropdown-box-shadow: $theme-box-shadow-lg;

// Forms

$input-btn-padding-y: .40625rem;
$input-btn-padding-y-lg: .65625rem;
$input-btn-padding-y-sm: .203125rem;
$input-bg: $gray-900;
$input-disabled-bg: $gray-900;
$input-color: $gray-200;
$input-placeholder-color: $gray-400;
$input-border-color: $gray-400;
$btn-padding-y-sm: .2195rem;
$input-group-addon-color: $white;
$input-group-addon-bg: $black;
$form-check-input-checked-border-color: $primary-alt;
$form-check-input-indeterminate-border-color: $primary-alt;

$custom-control-indicator-size: 1.25rem;
$custom-control-indicator-bg-size: 100% 100%;
$custom-checkbox-indicator-icon-checked: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 12 12'%3e%3cpath fill='%23fff' d='M7,1L3,5L1,3L0,4l3,3l5-5L7,1z'/%3e%3c/svg%3e");
$custom-radio-indicator-icon-checked: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%%3ccircle r='2.3' fill='%23fff'/%3e%3c/svg%3e");
$custom-checkbox-indicator-icon-indeterminate: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3crect x='2' y='2' width='4' height='4' fill='%23fff'/%3e%3c/svg%3e");
$custom-control-indicator-checked-border-color: $primary-alt;
$custom-checkbox-indicator-indeterminate-border-color: $primary-alt;

// Jumbotron

$jumbotron-bg: $gray-700;
$jumbotron-color: $white;

// List groups

$list-group-color: $white;
$list-group-bg: $gray-700;
$list-group-hover-bg: $gray-900;
$list-group-action-bg: $gray-900;
$list-group-disabled-color: $gray-400;
$list-group-border-radius: $border-radius;
$list-group-item-padding-y: .59375rem;

// Navs

$nav-tabs-border-color: $gray-400;
$nav-tabs-border-radius: 0;
$nav-tabs-link-active-border-color: $blue;
$nav-tabs-link-active-color: $white;
$nav-link-disabled-color: $gray-400;

// Modals

$modal-content-box-shadow-xs: $theme-box-shadow-lg;
$modal-content-box-shadow-sm-up: $theme-box-shadow-lg;
$modal-content-color: $white;
$modal-content-bg: $gray-700;
$modal-content-border-color: $gray-400;
$modal-header-border-color: $gray-400;
$modal-footer-border-color: $gray-400;
$close-color: $white; // bs4
$btn-close-color: $white; // bs5
$btn-close-opacity: 0.8; // bs5

// Pagination

$pagination-color: $white;
$pagination-bg: $gray-700;
$pagination-border-color: $gray-400;
$pagination-active-border-color: $primary-alt;
$pagination-disabled-color: $gray-400;
$pagination-disabled-bg: $gray-700;
$pagination-disabled-border-color: $gray-400;
$pagination-hover-color: $white;
$pagination-hover-bg: $gray-900;
$pagination-hover-border-color: $gray-400;
$pagination-padding-y-sm: .2195rem;

// Popover

$popover-bg: $gray-900;
$popover-border-radius: $border-radius;
$popover-header-bg: $gray-900;

// Progress bars

$progress-bg: $gray-900;
$progress-border-radius: $border-radius-lg;

// Switches

$custom-switch-width: 1.875rem;
$custom-switch-indicator-size: 1.25rem;

// Tables

$table-cell-padding: .5rem;
$table-cell-padding-sm: .25rem;
$table-bg-level: 0; // bs4
$table-bg-scale: 0%; // bs5
$table-border-level: 0; // bs4
$table-border-scale: 0%; // bs5
$table-border-color: $gray-400;

// Thumbnail

$thumbnail-border-radius: $border-radius;

// Tooltips

$tooltip-border-radius: $border-radius;
