// Settings

$is-sirius:             false !default;
$has-custom-theme:      true  !default;
$enable-shadows:        true;

//
// Colors
//
$white:                         #FFFFFF;
$gray-300:                      #f8f8f8; // list group hover full color
$black:                         #000;



$text-muted:            theme-color("grey"); // text-muted
$border-color:          #D2D5D9;             // border-color
$border-active:         #B6CFF6;             // border-active



// Font family
$font-family-sans-serif: 'Heebo', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;

//
// Font Sizes
//

$font-size-xl:                2rem    !default;        //32px
$font-size-xs:                0.75rem !default;        //12px

$small-font-size:             87.5%;

// Font Weight
$font-weight-normal:          400;
$font-weight-medium:          500;

$headings-font-weight:        $font-weight-normal;

// Grid Columns
$grid-gutter-width:           2rem;

// Components
//
// Define common padding and border radius sizes and more.
$border-radius-lg:             0.5rem;

$line-height-xs:              1 !default;


// Badge
$badge-font-weight:           $font-weight-normal;


// Layout Aside
$x-aside-nav-bg-light:      $white         !default;
$x-aside-nav-text-light:    theme-color("primary-darker")         !default;
$x-aside-nav-bg-dark:       theme-color("primary-darker") !default;
$x-aside-nav-text-dark:     $white         !default;

// Button
$input-btn-padding-y-xs:      0.2rem          !default;
$input-btn-padding-x-xs:      0.75rem         !default;
$input-btn-padding-y:         0.375rem;
$input-btn-padding-x:         1.25rem;
$input-btn-padding-y-lg:      1rem;
$input-btn-padding-x-lg:      1.5rem;

$input-btn-line-height-sm:    $line-height-xs;
$input-btn-line-height-xs:    $line-height-xs !default;

$btn-letter-spacing:          0.02em !default;


// Box Shadow
//
$box-shadow-sm:               0 0 0.25rem rgba(theme-color("info"), 0.16);
$box-shadow:                  0 0.75rem 1.5rem -0.25rem rgba(theme-color("info"), 0.16);

// disable inset form-control shadow while keep shadow for other components.
$input-box-shadow:          inset 0 0 0 rgba($black, .000);
$btn-box-shadow:            $input-box-shadow;
$custom-select-box-shadow:  $input-box-shadow;


// Form
//
$form-group-margin-bottom:    2rem;

// Input
$input-placeholder-color:     theme-color("grey");
$input-plaintext-color:       theme-color("default");

$input-border-color:          $border-color;

// Custom Form
$custom-select-indicator-padding:   1.25rem;
$custom-select-indicator-color:     theme-color("info");
$custom-select-bg-size:             1.25em 1.25em;
$custom-select-indicator:           str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M20.397 31.733a2.629 2.629 0 0 0-3.642 0 2.44 2.44 0 0 0 0 3.53L46.18 63.79a2.629 2.629 0 0 0 3.642 0l29.425-28.529a2.444 2.444 0 0 0 0-3.53 2.626 2.626 0 0 0-3.64 0L48 57.753l-27.602-26.02z'/%3E%3C/svg%3E"), "#", "%23");



// Avatar
$x-avatar-bg:                 theme-color("primary-lighter");
$x-avatar-text:               theme-color("primary");
$x-avatar-border-color:       $border-color;
$x-avatar-border-width:       1px;