:root 
{
    --aalto-grey100: #B2B4B2;
    --aalto-grey80: #C1C3C1;
    --aalto-grey60: #D1D2D1;
    --aalto-grey40: #E0E1E0;
    --aalto-grey20: #F0F0F0;

    --aalto-blue100: #005EB8;
    --aalto-blue80: #337EC6;
    --aalto-blue60: #669ED4;
    --aalto-blue40: #99BFE3;
    --aalto-blue20: #CCDFF1;

    --aalto-yellow100: #FFCD00;
    --aalto-orange100: #FF671F;

    --header-height: 140px;
    --footer-height: 240px;
    --footer-item-height: 120px;
    --footer-icon-height: 30px;
    --min-content-height: 800px;

    --content-width: 1100px;
    --min-content-width: 1024px;
    --debug-info-width: 400px;


    --top-nav-button-height: 40px;
    --top-nav-button-padding: 0px 8px;
    --top-nav-search-box-height: 26px;
    --top-nav-search-button-width: 60px;
    --left-nav-button-padding: 6px 10px;

    --top-nav-active-border-width: 4px 0px 4px 0px;
    --left-nav-active-border-width: 0px 0px 0px 8px;

    --spacing: 10px;
    --spacing-2x: 20px;

    --title-font-size: 26px;
    --header-font-size: 16px;
    --footer-font-size: 14px;
    --top-nav-font-size: 20px;
    --left-nav-font-size: 16px;

    --content-font-size: 1em;
    --content-line-height: 1.3em;

    --header-active-color: #2D2D2D;
    --header-foreground-color: white;
    --header-background-color: var(--aalto-blue100);
    --header-hover-color: var(--aalto-blue80);
    --top-nav-active-foreground-color: #2D2D2D;
    --top-nav-active-background-color: var(--aalto-blue40);
    --top-nav-active-border-color: var(--aalto-orange100);
    --top-nav-search-box-background-color: #4C86B1;
    --top-nav-search-box-hover-background-color: #417398;
    --left-nav-active-border-color: var(--aalto-orange100);
    --left-nav-deep-nest-background-color: var(--aalto-grey20);
    --content-font-color: #2D2D2D;
    --content-anchor-color: var(--content-font-color);
    --content-anchor-hover-color: #555;
    --content-anchor-visited-color: var(--content-font-color);
    --right-menu-background-color: var(--aalto-grey20);
    --right-menu-heading-background-color: var(--header-background-color);
    --right-menu-heading-foreground-color: var(--header-foreground-color);

    --background-color: white;
    --main-content-background-color: #FFF;

    --debug-info-foreground-color: white;
    --debug-info-background-color: #212121;

    --top-nav-border-color: var(--header-background-color);
    --top-nav-foreground-color: var(--header-foreground-color);
    --top-nav-background-color: var(--header-background-color);

    --left-nav-border-color: var(--top-nav-active-background-color);
    --left-nav-foreground-color: var(--top-nav-active-foreground-color);
    --left-nav-background-color: var(--top-nav-background-color);

    --footer-foreground-color: var(--header-foreground-color);
    --footer-background-color: var(--header-background-color);
    --footer-border-color: var(--top-nav-active-border-color);
    --footer-hover-color: var(--header-hover-color);

    --top-nav-active-border-style: solid;
    --left-nav-active-border-style: solid;

    --main-content-standard-width: 75%;
    --main-content-three-column-width: 60%;
    --main-content-right-menu-wide-width: 70%;

    --left-menu-standard-width: 25%;
    --left-menu-three-column-width: 20%;
    --left-menu-right-menu-wide-width: 0%;

    --right-menu-standard-width: 0%;
    --right-menu-three-columne-width: 20%;
    --right-menu-wide-width: 30%;

    --news-item-height: 200px;
    --news-item-width: 250px;

    --heading-font-family: "Arial Bold", Helvetica, sans-serif;
    --paragraph-font-family: Arial, Helvetica, sans-serif;
    --debug-font-family: Consolas, monaco, monospace;  
}