:root {
    /*#region Colors*/
    /* For more information on colors, read _colors.css */

    --color-primary-h: 10;
    --color-primary-s: 100%;
    --color-primary-l: 100%;
    --color-secondary-h: 0;
    --color-secondary-s: 0%;
    --color-secondary-l: 0%;
    --color-highlight-h: 170;
    --color-highlight-s: 100%;
    --color-highlight-l: 50%;
    --bg-primary-h: 202;
    --bg-primary-s: 40%;
    --bg-primary-l: 18%;
    --color-text: rgba(236,243,229,1);
    --color-title: hsl( var(--color-primary-h), var(--color-primary-s), var(--color-primary-l) );
    --color-subtitle: hsl( var(--color-highlight-h), var(--color-highlight-s), var(--color-highlight-l) );
    /*#endregion Colors*/
    /*#region Fonts*/

    --site-font-family: 'Titillium Web', sans-serif;
    --site-font-family-alt: 'Titillium Web', sans-serif;
    /*#endregion Fonts */

    --site-background-color: black;
    --menu-institutional-background: black;
    /*text color*/

    --cursor-default: url("/img/cursor-44x36-normal.png") 1 1, auto;
    --cursor-pointer: url("/img/cursor-44x36-link.png") 1 1, auto;
}