@charset "UTF-8";
:root {
    --white: #FFF;
    --black: #000;
    --gray: #c0c0c0;
    /* sometimes usefull to have clear black and white color no matter what else is defined! */
    --text: black;
    --background: #fdd;
    --link:#093947;
    --hover: #093947;
    --visited: #093947;
    --login-background:#fda; 
    --h1-color:#eeeeee;
    --h1-background: linear-gradient( 20deg, #B11A2D 0%, #B11A2D 20%, #B11A2D 40%, #B11A2D 60%, #B11A2D 80%, #B11A2D 100%);
    --logo-position: center; /* posible: left,center,right */
    --logo-height: 100%;
    --main-border: #a11; 
    --main-background: #fb9; 
    --box-background: #fcb; 
    --light: #fda;
    --dark: #caa;
    --highlight:#ff9;
    --highdark:#f66;
}

@media screen and (prefers-color-scheme: dark) {
  :root {
    --black: white;
    --white: black;
    --text: #fff;
    --background: #322;
    --link: #c80;
    --hover: #c80;
    --visited: #c80;
    --login-background: #88172B;

    --main-border: #990048;
    --main-background: #610;
    --box-background: #433;
    --light: #630;
    --dark: #310;
    --highlight:#F2BB61;
    --highdark:#990048;
  }
}