:root {

  --backgroundColor: rgb(244, 242, 238);
  --backgroundColor: rgb(242, 238, 244);
  --backgroundColor: rgb(242, 238, 244);
  --foregroundColor: rgb(52, 46, 55);
  --foregroundColor: rgb(65, 57, 69);
  --foregroundColor: rgb(75, 67, 79);
  --pageTitleColor: rgb(186, 121, 81);
  --headingsColor: rgb(52, 46, 55);
  --headingsColor: rgb(186, 121, 81);
  --inputBackgroundColor: rgb(255, 255, 255);
  --markBackgroundColor: rgb(241, 227, 212);
  /* --backgroundColor: rgb(250, 248, 244);
  --inputBackgroundColor: rgb(255, 255, 255); */
  --linkColor: rgb(84, 99, 150);
  --linkColorSelected: rgb(144, 84, 150);
  --linkColorSelected: rgb(134, 115, 158);
  --linkColorSelected: rgb(186, 121, 81);
  --inputFocusColor: rgb(238, 134, 70);
  --inputFocusColor: rgb(255, 151, 53);
  --refLinkColor: rgb(78, 121, 63);
  --refLinkColor: rgb(74, 104, 62);
  --refLinkColor: rgb(97, 155, 103);
  --refLinkColor: rgb(79, 113, 64);

  --anchor-ring-gap: 4px;
  --anchor-ring-color: var(--inputFocusColor);
  --anchor-ring-width: 2px;
  --anchor-ring-style: solid;
  --anchor-ring-glow: 100px;

}

.starred,
.soviet {
  white-space: nowrap;
}

.starred::after {
  content: "";
  display: inline-block;
  width: .83em;
  height: .83em;
  margin-left: .16em;
  vertical-align: -.1em;
  background: currentColor;
  -webkit-mask: url("i/star.svg") center / contain no-repeat;
  mask: url("i/star.svg") center / contain no-repeat;
}

.soviet::after {
  content: "";
  display: inline-block;
  width: calc(.7em * 215 / 175);
  height: .7em;
  margin-left: .12em;
  vertical-align: -.07em;
  background: currentColor;
  -webkit-mask: url("i/soviet.svg") center / contain no-repeat;
  mask: url("i/soviet.svg") center / contain no-repeat;
}
