body.theme-indigo,
body.theme-purple{
  --accent:#7c3cff;
  --accent-soft:#f1eaff;
  --accent-rgb:124 60 255;
  --brand:#7c3cff;
  --brand-2:#7c3cff;
  --brand-3:#7c3cff;
  --brand-rgb:124 60 255;
}
body.theme-blue{
  --accent:#3366ff;
  --accent-soft:#eef2ff;
  --accent-rgb:51 102 255;
  --brand:#3366ff;
  --brand-2:#3366ff;
  --brand-3:#3366ff;
  --brand-rgb:51 102 255;
}
body.theme-green{
  --accent:#0f8f5f;
  --accent-soft:#e9f8f1;
  --accent-rgb:15 143 95;
  --brand:#0f8f5f;
  --brand-2:#0f8f5f;
  --brand-3:#0f8f5f;
  --brand-rgb:15 143 95;
}
body.theme-orange{
  --accent:#a16018;
  --accent-soft:#fff4e8;
  --accent-rgb:161 96 24;
  --brand:#a16018;
  --brand-2:#a16018;
  --brand-3:#a16018;
  --brand-rgb:161 96 24;
}
body.theme-slate{
  --accent:#333;
  --accent-soft:#f1f1f1;
  --accent-rgb:51 51 51;
  --brand:#333;
  --brand-2:#333;
  --brand-3:#333;
  --brand-rgb:51 51 51;
}

.theme-choice span{
  border:1px solid var(--border);
}
.theme-choice.theme-indigo span,
.theme-choice.theme-purple span{background:#7c3cff}
.theme-choice.theme-blue span{background:#3366ff}
.theme-choice.theme-green span{background:#0f8f5f}
.theme-choice.theme-orange span{background:#a16018}
.theme-choice.theme-slate span{background:#333}