/* Tobiasz Ryguła dla Systemy Zabezpieczeń Bankowych */
.light-mode-old {

    --body-background: rgb(250, 250, 250);  
    --hover-background: rgb(232, 232, 232);  
	--spacer: #D8D8D8;            
    
    --menu-background: rgb(220,220,220);  
    --menu-text: var(--text);             
    
    
    
    --highlight: rgb(200, 200, 200);  
    --highlight-border:rgb(150, 150, 150);
   
    --unroll-button:rgb(110, 110,110);
    --unroll-button-active:rgb(80,80,80);    


  
    --btn-background: rgb(195, 195, 195);       
    --btn-active-background:rgb(175, 175, 175);
    --btn-border: rgb(230, 230, 230);          
    --btn-text: var(--text);             
    
    --menu-btn-border: rgb(110,110,110);         
    --menu-btn-background: var(--menu-background);       
    --menu-btn-active-background:rgb(80,80,80);
    
    --menu-btn-border-disabled:  rgb(255, 40, 40);  
    --menu-text-disabled: #808080; 
    --btn-text-disabled: #808080; 
    --btn-border-disabled:  rgb(255, 40, 40);  
    
}
.light-mode {
    --body-background: #F4F7FB; 
    --hover-background: var(--menu-background); 
    --spacer: #D6DCE5;
    
    --activator-hover:#D8E2EA; /* Slightly darker then hover background */

    --text: #2B3A4D; 
    --menu-text: var(--text); 
    --menu-text-disabled: #A5B0C2; 
    --btn-text: #FFFFFF; 
    --btn-text-disabled: #A5B0C2; 

    --highlight: rgb(210, 210, 210);  
    --highlight-border: #4D76A5; 
    --unroll-button: #4D76A5; 
    --unroll-button-active: #385A8C; 

    --btn-background: #6FA2D8; 
    --btn-active-background: #4D76A5; 
    --btn-border: #4D76A5; 
    --btn-border-disabled: #C2CCD9; 

    --menu-background: #EAF0F6; 
    --menu-btn-background: #4D76A5; 
    --menu-btn-border: #385A8C; 
    --menu-btn-active-background: #385A8C; 
    --menu-btn-border-disabled: #C2CCD9; 
}