/* Both selectors on purpose. A custom property declared on an element beats any
   value it would inherit from an ancestor, so a fallback sitting on `.engine-v2`
   (the body) would win over these tokens if they only targeted `:root` (html).
   Naming both makes this stylesheet, which the layout always loads last, win
   wherever the v2 fallbacks happen to live. */
:root, .engine-v2 {
  --brand: #25106b;
  --brand-hover: #210e5e;
  --brand-ink: #ffffff;
  --brand-soft: #e5e2ed;
}

.btn-primary {
  color: #fff;
  border-color: #007bff;
  background-color: #007bff;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.btn-primary.active, .btn-primary.hover {
  border-color: #007bff;
  background-color: #006fe6;
  box-shadow: none;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  border-color: #007bff;
  background-color: #006fe6;
  box-shadow: none;
}

.btn-success {
  color: #fff;
  border-color: #28a745;
  background-color: #28a745;
}

.btn-success:hover, .btn-success:focus, .btn-success:active,
.btn-success.active, .btn-success.hover {
  border-color: #28a745;
  background-color: #24963e;
  box-shadow: none;
}

.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  border-color: #28a745;
  background-color: #24963e;
  box-shadow: none;
}

.btn-more {
  background-color: #006fe6;
}