:root {
  --main-bg-color: #ffffff;
  --main-text-color: black;
  --h2-bg: #DDDDFF;
  --h2-text: blue;
  --h3-bg: #CCCCFF;
  --h3-text: blue;
  --var-text: blue;
  --prog-text: #630;
  --note-bg: #EEEEFF;
}

@media(prefers-color-scheme: dark) {
  :root {
  --main-bg-color: black;
  --main-text-color: #ffffdd;
  --h2-bg: #000080;
  --h2-text: white;
  --h3-bg: #CCCCFF;
  --h3-text: blue;
  --var-text: #ccccff;
  --prog-text: #ffcc99;
  --note-bg: #262626;
  }
  a:link {
    color: red;
  }
  a:visited {
    color: green;
  }

}

BODY {
	font-family: helvetica, arial, lucida sans, sans-serif;
	background-color: var(--main-bg-color);
	color: var(--main-text-color);


}

H1, H2, H3 {
	color: blue;
	font-size: 120%;
	padding: 2px;
	margin-top: 0px;
}

H1 {
	background-color: #EEEEFF;
	color: blue;
}

H2 {
	background-color: var(--h2-bg);
	color: var(--h2-text);
}

H3 {
	background-color: #CCCCFF;
	color: blue;
}

H4 {
	color: blue;
}

TR.qandadiv TD {
	padding-top: 1em;
}

DIV.navhead {
	font-size: 80%;
}

A:link {
	color: #36F;
}

A:visited {
	color: #96C;
}

A:active {
	color: #F63;
}

TR.question {
	color: #33C;
	font-weight: bold;
}

TR.question TD {
	padding-top: 1em;
}

DIV.variablelist {
	padding-left: 2em;
	color: var(--var-text);
}

P {
	color: var(--main-text-color);
}

DIV.note, DIV.warning, DIV.caution, DIV.tip, DIV.important {
	border: dashed 1px;
	background-color: var(--note-bg);
	width: 40em;
}

PRE.programlisting, PRE.screen {
	border: var(--prog-text) 1px dashed;
	color: var(--prog-text);
}