@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: white;
    --link: 0303ce;
    --hover: 0303ce;
    --visited: 0303ce;
    --login-background:#020297;
    --h1-color:#eeeeee;
    /* --h1-background: linear-gradient( 20deg, purple 0%, #0000ff 20%, #66ff66 40%, #ffff00 60%, #ff9900 80%, #800000 100%); */
    --logo-position: center; /* posible: left,center,right */
    --logo-height: 100%;
    --main-border: #dddddd;
    --main-background: white;
    --box-background: rgba(192, 192, 192, 0.7);
    
    --light: white;
    --dark: #ddddff;
    --highlight: cyan;
    --highdark: #4a4aea;
}

@media (prefers-color-scheme: dark) {
    :root {
		--black: white;
		--white: black;
		--text: #fff;
		--background: #000;
		--link: #199cce;
		--hover: #199cce;
		--visited: #199cce;
		--login-background: #252459;
		--main-border: #003;
		--main-background: #000022;
		--box-background: #134;
		--light: #026;
		--dark: #022;
		--highlight: #008;
		--highdark: #003;
    }
}