.van-theme-dark {
  body {
    color: #fff;
  }

  .page-header {
    background-color: #12312c;
  }

  .page-content {
    background-color: #0f2925;
  }

}

:root:root {
  --van-primary-color: var(--primary-color);
  --van-background-2: #0f2925;
  --van-border-color: #12312c;
  --van-active-color: #12312c;
  --van-text-color-3: #818181;
  --van-text-color: #fff;
  --van-notify-font-size: 1.6rem;
  --van-notify-line-height: 2rem;
  --van-number-keyboard-key-height: 60px;
}

.van-button.decorate {
  width: 80%;
  max-width: 315px;
  height: 80px;
  background: url("@/assets/images/btn.png") no-repeat center / 100%;
  border: none;
  font-size: 2rem;
  letter-spacing: 2px;

  &.van-button--block {
    margin: auto;
  }

  --van-button-loading-icon-size: 36px;
}

.van-toast {
  --van-toast-default-width: 180px;
  --van-toast-font-size: 1rem;
  --van-loading-spinner-size: 60px;
  --van-toast-line-height: 1rem;

  &__text {
    margin-top: 1rem !important;
  }
}

.van-dialog {
  --van-dialog-round-button-height: 40px;
  --van-dialog-message-font-size: 16px;
  --van-dialog-message-line-height: 24px;
  --van-font-size-md: 16px;
}

.van-floating-panel__header {
  padding: 0 calc((var(--van-floating-panel-header-height) - 16px) / 2);
}
