/*
Ljust tema
*/
:root {
    --box-shadow: 10px 5px 5px lightgrey;

    --page-bg: white;
    --page-text-color: black;
    --form-bg: #f5f5f5a8;

    --blue: #2d5b96;            
    --blue-light: #c4deff;      
    --grey-light: #DDD;        
    --grey-disabled: #EFEFEF;
    --grey-dark: #737373;
    --link: blue;
    --grey-news: #DDD;
    --yellow: #f1ed99;
    --near-black: #161616;
    --orange: #c99c12;
    
    --warning: #ffb85b;     
    --confirm: #77e773;
    --cancel: #e54e4e;
    --functional: #91c3f3;

    --list-hover: #ffffc4;
    --light-grey: #f5f5f5;
    --light-green: lightgreen;
    --light-red: #ffc6c6;

    --solid-black-border: 1px solid black;
    --solid-light-grey: 1px solid lightgray;
    --solid-grey: 1px solid gray;

    --menu-border: #2d5b96;
    --menu-text: black;
    --submenu-text: white;
    --submenu-hover: black;
    --submenu-bg: #2d5b96;

    --input-border: 1px solid grey;
    --input-bg: white;
    --input-color: black;

    --dialog-title-color: white;

    --light-text: white;
    --dark-text: black;
    --placeholder-text: black;

    --table-row-odd: white;
    --table-row-even: #ededed;

    --button-hover: #ffffc4;
    --focus: black;

    --date-color: 0%;

    --color-group-1: #cba0ff;
    --color-group-2: #a1dfff;
    --color-group-3: #ccff8d;
    --color-group-4: #75f562;
    --color-group-5: #ffa3a3;
    --color-group-6: #fda7f9;
    --color-group-7: #90f9e4;
    --color-group-8: #7e8af5;
    --color-group-9: #fff19d;
}