:root,
page {
  --primary: #2c68ff;
  --success: #10b86f;
  --warning: #ffa800;
  --danger: #ff495e;
  --error: #ff495e;
  --info: #26a2fa;
  --up: #f52f3e;
  --down: #0ed57d;

  // nutui
  --nut-primary-color: #0f67f8;
  --nut-dark-background: var(--bg-color-1);
  --nut-divider-line-height: 1rpx;

  --text-color-1: #2d3051;
  --text-color-2: #616178;
  --text-color-place: #9fa5b7;

  --bg-page: #f6f7fc;
  --bg-color-1: #fff;
  --bg-color-2: #f2f3f7;
  --bg-card: #fff;

  --border-color-1: #e5e5e5;
}

.dark {
  --primary: #2c68ff;
  --success: #10b86f;
  --warning: #ffa800;
  --danger: #ff495e;
  --error: #ff495e;
  --info: #26a2fa;
  --up: #f52f3e;
  --down: #0ed57d;

  --nut-dark-background: var(--bg-color-1);
  --nut-divider-line-height: 1rpx;

  --text-color-1: #fff;
  --text-color-2: #9fa5b7;

  --bg-page: #121325;
  --bg-color-1: #202132;
  --bg-color-2: #353646;
  --bg-card: #202132;

  --border-color-1: #343544;

  --text-color-1: rgba(255, 255, 255, 0.87);
  --text-color-place: #9fa5b7;
}
