:root {
  --color-blue: #4A90E2;
  --color-blue-dark: #2563EB;
  --color-blue-light: #93C5FD;
  --color-pink: #FF6B9D;
  --color-pink-dark: #EC4899;
  --color-pink-light: #FBCFE8;
  --color-bg: #FFF5F8;
  --gradient-primary: linear-gradient(90deg, #FF6B9D, #4A90E2);
  --gradient-header: linear-gradient(135deg, #FF6B9D 0%, #4A90E2 100%);
}

body,
.container {
  background: var(--color-bg) !important;
}

.button,
.main .type .left .btn,
.main .list .item .btn {
  background: var(--gradient-primary) !important;
}

.main .type .blue,
.main .list .item .centre .text1 {
  color: var(--color-blue) !important;
}

.uni-primary {
  color: var(--color-blue) !important;
}

.uni-primary-bg {
  background-color: var(--color-blue) !important;
}

.uni-primary-disable {
  color: var(--color-blue-light) !important;
}

.uni-primary-disable-bg {
  background-color: var(--color-blue-light) !important;
}

.uni-primary-light {
  color: var(--color-pink-light) !important;
}

.uni-primary-light-bg {
  background-color: var(--color-pink-light) !important;
}

uni-button[type=primary],
.uni-btn[type=primary] {
  background-color: var(--color-blue) !important;
  background: var(--gradient-primary) !important;
}

uni-button[type=primary][plain],
.uni-btn[type=primary][plain] {
  color: var(--color-pink) !important;
  border-color: var(--color-pink) !important;
  background: transparent !important;
}

uni-modal .uni-modal__btn_primary {
  color: var(--color-blue) !important;
}

.property .card .bar .btn1 {
  color: var(--color-pink) !important;
  border-color: var(--color-pink) !important;
}

.property .card .bar .btn2,
.property .quadrilateral .bar {
  background: var(--gradient-primary) !important;
  border-color: var(--color-blue) !important;
}

.property .balance .item .num .text1 {
  color: var(--color-pink) !important;
}

.aui-palace-one {
  background: var(--gradient-primary) !important;
}

.above {
  background-image: var(--gradient-header) !important;
  background-size: 100% 100% !important;
}

footer .footer {
  background-color: #fff !important;
  border-top: 1px solid var(--color-pink-light) !important;
}

footer .footer-border {
  background-color: var(--color-pink-light) !important;
}

footer .footer__label--active {
  color: var(--color-pink) !important;
}

footer .footer__label--secondary {
  color: var(--color-blue) !important;
}

footer .footer__label--muted {
  color: #999 !important;
}

footer .footer__label--accent {
  color: var(--color-pink-dark) !important;
}