:root {
  --AccentColor: #1e90ff;
  --Canvas: #ffffff;
  --CanvasText: #000000;
  --LinkText: #1e90ff;
  --VisitedText: #551a8b;
  --ActiveText: #ff0000;
  --FocusBorder: #4d90fe;
  --FocusOutline: #4d90fe;
  --Highlight: #ffff00;
  --HighlightText: #000000;
  --GrayText: #808080;
  --ButtonText: #000000;
  --ButtonFace: #f0f0f0;
  --ButtonShadow: #a0a0a0;
  --ButtonHoverFace: #e0e0e0;
}

h1 {
  color: var(--AccentColor);
}


p {
  color: var(--CanvasText);
}

a {
  color: var(--LinkText);
}

a:visited {
  color: var(--VisitedText);
}

a:active {
  color: var(--ActiveText);
}

a:focus {
  outline: 1px solid var(--FocusBorder);
  outline-offset: -1px;
}

a:focus {
  outline: 1px solid var(--FocusOutline);
  outline-offset: -1px;
}

mark {
  background-color: var(--Highlight);
  color: var(--HighlightText);
}

small {
  color: var(--GrayText);
}

button {
  color: var(--ButtonText);
  background-color: var(--ButtonFace);
}

button:hover {
  background-color: var(--ButtonHoverFace);
}

button:active {
  background-color: var(--ButtonShadow);
}

/* Path: css\regularcss.css */
/* Compare this snippet from css\systemcss.css: */