/******************************************************
Variabler
*******************************************************/
:root {
    /**/
    /* background-color */
    --main-background-color: #ffffff;
    /* text color (texten) */
    --main-text-color: #564b47; /* mörkgrå */
    /**/
    /* discrete text color (nästan osynlig text) */
    --discrete-text-color: #c0c0c0; /* ljusgrå */
    /**/
    /* menu text color (menyer) */
    --menu-text-color: #606060; /* grå */
    /**/
    /* main heading color (rubriker) */
    --main-heading-color: #7ab800; /* ljusgrön */
    /**/
    /* main heading underline color (linje under rubriker) */
    --main-heading-underline-color: #7ab800; /* ljusgrön */
    /**/
    /* button text color (texter på knappar) */
    --button-text-color: #202020; /* något ljusare än svart */
    /**/
    /* button color (bakgrundsfärg på knappar) */
    --button-color: #8ac810; /* grön */
    /**/
    /* button hover color (hover color) */
    --button-hover-color: #9ad820; /* lite ljusare grön än button-color */
    /**/
    /* button border color (ram runt knappar) */
    --button-border-color: #a2a2a2; /* grå */
    /**/
    /* table border color (rutnät i tabeller) */
    --table-border-color: #f2f2f2; /* mycket ljus grå */
    /**/
    /* input border color (ram runt input-fält )*/
    --input-border-color: #dddddd;
    /**/
    /* header background (bakgrunden högst upp ) */
    --header-background: linear-gradient(to right, #ffffff, #ededed);
    /**/
    /* header text color*/
    --header-text-color: #7ab800; /* samma som header*/
    /**/
    /* navbar background (bakgrunden på bandet med menyerna */
    --navbar-background: linear-gradient(#e0e0e0, #f5f5f5, #e0e0e0);
    /**/
    /* divider line (linje mellan vänstermeny och resten */
    --divider-line-color: #f6f6f6;
    /**/
    /* content header background (bakgrund på content section i mitten) */
    --content-header-background: linear-gradient(#ffffff, #ffffff 40px); /* blir vit vit 60px*/
    /**/
    /* subheader*/
    --subheader-background: #ffffff;
    /**/
    /* input box background*/
    --input-background-color: #ffffff;
    /**/
    /* drawer menu background (bakgrund på drawermenyn) */
    --drawer-menu-background-color: #ffffff;
    /**/
    /* menu text (textfärg på drawermenyn) */
    --drawer-menu-text-color: #222;
    /**/
    /* kalenderlista idag */
    --kalenderlista-idag-background: linear-gradient(#7ab800, #ffffff); /* grön till background */
    /**/
    /* kalenderlista helg */
    --kalenderlista-helg-background-color: #f6f6f6; /* divider */
    /**/
    /* kalenderlista idag helg*/
    --kalenderlista-idag-helg-background: linear-gradient(#7ab800, #f6f6f6); /* grön till divider */ /**/
    /* lista, ok värde */
    --list-ok-background-color: lawngreen;
    /**/
    /* lista, ej ok värde */
    --list-not-ok-background-color: darksalmon;
    /**/
    /* menyn vid mellanlayout, bakgrund*/
    --menu-middle-background-color: #ffffff;
}