@charset "UTF-8";
:root {
  --white: #FFF;
  --black: #000;
  --gray: #c0c0c0;
  --contrast: #800080;
  /* sometimes usefull to have clear black and white color no matter what else is defined! */
  --text: black;
  --background: white;
  --link: red;
  --hover: red;
  --visited: red;
  --login-background:#fdd;
  --h1-color:yellow;
  /*
    --h1-background-image: linear-gradient( 20deg, purple 0%, #0000ff 20%, #66ff66 40%, #ffff00 60%, #ff9900 80%, #ff0066 100%);
*/
    --main-border: #dddddd;
    --main-background: white;
    --box-background: rgba(192, 192, 192, 0.7);
    --light: white;
    --dark: #ffa;
    --highlight: #f69;
    --highdark: #f00;
}

@media screen and (prefers-color-scheme: dark) {
  :root {
    --black: white;
    --white: black;
    --text: #fff;
    --background: #000;
    --link: #a00;
    --hover: #a00;
    --visited: #a00;
    --login-background: #600;
    --main-border: #030;
    --main-background: #202;
    --box-background: #203;
    --light: #403;
    --dark: #202;
    --highlight: #d36;
    --highdark: #900;
  }
}