/*

BLUF 4.4 master colour settings

Tidy up colours to simplify stylesheets

LIGHT colour scheme

*/

:root {
	--bluf-blue: #396092 ;
	--bluf-tint: #39609240 ;
	--bluf-lite: #39609220 ;
	--bluf-msg: whitesmoke;
	
	/* passed through to Skeleton framework */
	--skeleton-page: white;
	--skeleton-text: #222;
	--skeleton-link: #1EAEDB;
	--skeleton-hover: #0FA0CE;
	--skeleton-input: #555;
	--skeleton-border: #bbb;
	--skeleton-focus: #333;
	--skeleton-focus-border: #888;
	--skeleton-button-text: #fff;
	--skeleton-button-border: #33C3F0;
	--skeleton-button-bg: #33C3F0;
	--skeleton-button-focus-text: #fff;
	--skeleton-button-focus-border: #1EAEDB;
	--skeleton-button-focus-bg: #1EAEDB;
	--skeleton-select-background: #f2f2f2;
	--skeleton-select-border: #D1D1D1;
	--skeleton-select-focus: #33C3F0;
	--skeleton-code-background: #F1F1F1;
	--skeleton-code-table-borders: #E1E1E1;
	
	/* Main CSS colours */
	--page-background: var(--skeleton-page) ;
	--logo-color: #fff ;
	--header-color: #666;
	--border-color: #999;
	--menu-border: lightgray;
	--menu-color: #fff;
	--menu-background: var(--header-color);
	--menu-active: rgba(255,255,255,0.5);
	--menu-dropdown: #3076B4 ;
	--menu-drop-bg: var(--border-color);
	--menu-hover: rgba(255,255,255,0.7);
	--menu-collapse: rgba(0,0,0,0.15);
	
	--member-offline: #888;
	
	--alert-panel: rgba(255, 9, 0, 0.64);
	--alert-text: #f2f2f2;
	
	--panel-info: #DAEDED;
	--panel-promo: #D6EBFF;
	--panel-select: var(--page-background);
	
	--promo-text: black;	
	--icon-color: #000;

	--story-border: #e88b0d;
	
	--thumb-border: #ccc;
	--thumb-selected: #36F;
	--thumb-used: #393;
	
	--msg-selected: lightblue;
	
	--event-background: rgb(145, 200, 248);
	--grid-background: #fff;
	--ghost-background: #2a89ef ;
	--city-background: white;
	--conf-background: black;
	
	--translated-text: #2279c6;
	
	--modal-color: black;
	--modal-text-bg: #f2f2f2;
	
	--logo-path: url('/images/BLUFblackTRANS.png') ;
	
}