:root {
  --preferred-font: 'Charcoal';

  --desktop-bg: #9999CC;

  --window-bg: #DDDDDD;
  --window-fg: #000000;

  --window-frame-bg: #CCCCCC;

  --primary-0: #000;
  --primary-1: #005;
  --primary-2: #339;
  --primary-3: #66c;
  --primary-4: #99f;
  --primary-5: #ccf;
  --primary-6: #eee;

  --selection-bg: var(--primary-5);
  --selection-fg: #000;
}

body {
  background-color: #000;
  color: var(--window-fg);
}

*, *::before, *::after {
  box-sizing: border-box;
}

button, input, textarea, select {
  font-family: inherit;
  font-size: inherit;
}

a:focus {
  outline: 1px dotted var(--darkest);
}

code {
  font-family: monospace;
}