:root {
  --tpl-accent: #2f7dff;
  --tpl-accent-hover: #1f66dc;
  --tpl-accent-muted: rgba(47, 125, 255, .24);
}

.bstem,
body.bstem {
  --tpl-accent: #4f8fff;
  --tpl-accent-hover: #2f7dff;
  --tpl-accent-muted: rgba(79, 143, 255, .24);
  --tpl-bg-base: #111827;
  --tpl-bg-muted: #182235;
  --tpl-bg-login: #1f2a3d;
  --tpl-border: #334155;
  --tpl-border-soft: #253146;
  --tpl-text: #dbe7ff;
  --tpl-text-strong: #f8fbff;
  --tpl-text-muted: #97a6bf;
  --tpl-text-subtle: #b9c6d9;
}

.latest-tab-nav li.current,
.pay-confirm-btn,
.pm-card.active,
.payment-card.active,
.paytype-card.active {
  background: linear-gradient(135deg, var(--tpl-accent) 0, var(--tpl-accent-hover) 100%);
}

.bstem .head_menu_a li.active a,
.bstem .head_menu_a .top_nav li a:hover,
.bstem .head_menu_a li.active a,
body.bstem .head_menu_a li.active a {
  color: var(--tpl-accent);
}

.bstem .head_menu_a li.active a:after,
body.bstem .head_menu_a li.active a:after {
  background: var(--tpl-accent);
}