/* The add-on's window palette (resources/skins/Default/1080i): the accent in both schemes,
   and its background, surface, text and muted text in the dark one. */
:root {
  --cw-accent: #7c5cff;
  --md-primary-fg-color: #7c5cff;
  --md-primary-fg-color--light: #9b85ff;
  --md-primary-fg-color--dark: #6a48f0;
  --md-accent-fg-color: #7c5cff;
}

/* Link text is a tint of the accent, not the accent itself: #7c5cff reaches only 4.35:1 on
   white and 4.55:1 on the dark background, below or at the edge of WCAG AA for body text. */
[data-md-color-scheme="default"] {
  --md-typeset-a-color: #6a48f0;
}

[data-md-color-scheme="slate"] {
  --md-default-bg-color: #090a0d;
  --md-default-fg-color: #f1f3f5;
  --md-default-fg-color--light: #9299a6;
  --md-code-bg-color: #1c222c;
  --md-footer-bg-color: #090a0d;
  --md-footer-bg-color--dark: #090a0d;
  --md-typeset-a-color: #9b85ff;
}

/* The line along the top of the add-on's windows (media/crosswatch/gradient.png): cyan,
   the accent, pink. */
.md-header::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: 4px;
  background: linear-gradient(90deg, #2de2ff, var(--cw-accent), #ff7ae0);
  pointer-events: none;
}