:root {
  color-scheme: dark;
  --ink: beige;
  --font: Arial, sans-serif;
  --mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;
  --panel-font: "Helvetica Neue", Helvetica, Arial, sans-serif;

  --blue1: rgb(31, 95, 158);
  --blue2: rgb(45, 124, 196);
  --blue3: rgb(90, 166, 224);
  --bluebar: linear-gradient(
    90deg,
    rgb(31, 95, 158) 0%,
    rgb(45, 124, 196) 55%,
    rgb(90, 166, 224) 100%
  );
}

body {
  color: var(--ink);
  font-family: var(--panel-font);
  line-height: 1.35;
  font: 1.2em var(--panel-font);
  letter-spacing: 0.02em;
  max-width: 1180px;
  margin: 0 auto;
}

h1 {
  margin-block: 0;
  margin-top: 0.5em;
  padding:0 .1em;
  background: var(--bluebar);
  color: beige;
  text-shadow: 0 1px 0 black;
  font: 1.5em var(--panel-font);
  letter-spacing: 0.1em;
}

h2 {
  margin-block: 0;
  font-size: 120%;
}

p {
  padding:0 .1em;
  margin-block: 0.5em;
}

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

li {
  padding-bottom: .5em;
}
code {
  font-family: var(--mono);
  font-size: 120%;
  color: var(--blue3);
}