:root {
    font-size: 11pt;
    --main-color: #2800d8;
    --main-hl: #00c88a;
    --main-burn: #ffd700;
    --main-counter-hl: #fa1e64;
    --main-pastel: #2800d8;
    --main-bg: #111;
    --main-text: #ddd;
    --main-text-hl: #2800d8;
    --main-border: #2800d8;
    --main-2nd: #2800d8;
    --main-neutral: #f0f0f0; 
  }


/* font & theme */

  body {
    background: var(--main-bg);
  }
  *:not(.busy) {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  }

/* special colors */

  fieldset {
    box-shadow: 0 1px 0 1px var(--main-border), 0 2px 0 2px var(--main-2nd);
    border-color: var(--main-border);
  }
  fieldset > legend, .fieldset > .legend {
    background-color: var(--main-bg) !important;
  }

  li > a:hover, li > label:hover {
    color: var(--main-bg);
    background: var(--main-hl);
  }

  button {
    background-color: var(--main-hl);
  }
  
  input, select, option, textarea {
    color: var(--main-text-hl);
    background-color: var(--main-neutral);
  }

  ::placeholder {
    color: var(--main-2nd);
  }