// $primary: #3d7bfa;
// $primary: #1165ff;
$primary: #409eff;

$font-size-base: 0.84rem;

$border-radius: 0.2rem;
$btn-border-radius: 0.2rem;
$btn-border-radius-sm: 0.2rem;
$btn-border-radius-lg: 0.2rem;

$input-btn-focus-box-shadow: 0 0 11px 0 rgba($color: $primary, $alpha: .1);
$input-bg: #fff;

$modal-content-bg: #fff;

// 开启负边距
$enable-negative-margins: true;
$input-padding-y: 0.485rem;
$input-font-size: 0.9rem;
$body-bg: #f3f8fc;

$table-border-color: #e9ecef;
$table-bg: transparent;

$bootstrap-icons-font: "bootstrap-icons" !default;
$bootstrap-icons-font-src: url("/vendor/bootstrap-icons/bootstrap-icons.woff2?08efbba7c53d8c5413793eecb19b20bb") format("woff2"),
url("/vendor/bootstrap-icons/bootstrap-icons.woff?08efbba7c53d8c5413793eecb19b20bb") format("woff") !default;

@font-face {
  font-display: block;
  font-family: $bootstrap-icons-font;
  src: $bootstrap-icons-font-src;
}

$card-border-radius: .4rem;
$card-border-color: rgba(231, 234, 243, 0.7);
$card-box-shadow: 0 0.375rem 0.75rem rgba(140,152,164,.075);
$card-spacer-y: 1.2rem;
$card-spacer-x: 1.2rem;
$card-bg: #fff;
//header
$card-cap-bg: transparent;
$card-cap-padding-y: 1rem;

$accordion-active-bg: transparent;
$accordion-bg: transparent;

$dropdown-box-shadow: 0 0.8rem 2.5rem 0.6125rem rgba(140, 152, 164, 0.286);
$dropdown-item-padding-y:  0.45rem;
$dropdown-border-color:  rgba(0, 0, 0, 0.064);
// $dropdown-border-color: transparent;
$dropdown-border-radius: 0.4rem;
$dropdown-bg :#fff;

$pagination-border-width: 0;
$pagination-bg: #f4f4f5;
$pagination-color: #606266;
$pagination-border-radius: 2px;
$pagination-disabled-bg: $pagination-bg;
$pagination-disabled-color: #c0c4cc;
$pagination-hover-color: $primary;
$pagination-padding-x: 4px;
$pagination-padding-y: .3rem;
$pagination-focus-color: #606266;

.pagination {
  > li {
    margin: 0 5px;
    font-weight: bold;
    a, span {
      text-align: center;
      border-radius: 2px !important;
      min-width: 30px;
    }
  }
}

$form-validation-states: (
  "invalid": (
    "color": #dc3545,
    "icon": url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e")
  )
);

.btn.btn-primary {
  color: #fff;
  &:hover {
    color: #fff;
  }
}

@import 'bootstrap-icons';
@import 'node_modules/bootstrap/scss/bootstrap';
