.mxd-app,
:root {
  --accent--light: #7e7aec;
  --accent--dark: #7e7aec;
  --highlight--light: #aaa7ff;
  --highlight--dark: #aaa7ff;
  --accent: #7e7aec;
  --highlight: #aaa7ff;
  --pt-t-accent-medium: #d7d5ff;
  --pt-t-accent-muted: #c2bfff;
  --yuog-accent-border: rgba(126, 122, 236, 0.42);
  --yuog-accent-border-soft: rgba(126, 122, 236, 0.22);
  --yuog-accent-bg-soft: rgba(126, 122, 236, 0.12);
}

[color-scheme="light"],
[color-scheme="dark"] {
  --accent: #7e7aec;
  --highlight: #aaa7ff;
  --pt-t-accent-medium: #d7d5ff;
  --pt-t-accent-muted: #c2bfff;
}

.mxd-background__cover.accent {
  background: linear-gradient(to bottom, rgba(126, 122, 236, 0.62) 0%, #7e7aec 100%) !important;
}

.mxd-promo.accent,
.mxd-gravity-section.accent,
.bg-color-accent {
  background-color: #7e7aec !important;
}

.btn-default-accent,
.active-cursor-accent,
.mxd-dv-sticky-img__progress {
  color: var(--t-opp-bright);
  border-color: var(--yuog-accent-border);
}

.tag,
.meta-tag,
.split-data__divider,
.split-info__divider,
.mxd-cpb-list__divider {
  border-color: var(--yuog-accent-border-soft);
}

::selection {
  background-color: #7e7aec;
  color: #ffffff;
}

.mxd-divider__image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.divider-image-1,
.divider-image-4,
.divider-image-7,
.divider-image-10,
.divider-image-13 {
  background-image: url("/img/dividers/1920x1200_dv01.webp") !important;
}

.divider-image-2,
.divider-image-5,
.divider-image-8,
.divider-image-11,
.divider-image-14 {
  background-image: url("/img/dividers/1920x1200_dv02.webp") !important;
}

.divider-image-3,
.divider-image-6,
.divider-image-9,
.divider-image-12 {
  background-image: url("/img/dividers/1920x1200_dv03.webp") !important;
}