header('Content-type: text/css');
/* CSS Document */
/* https://jqueryui.com/demos/ */
html, body {
}
/* 
 * ****************
 * COLOUR VARIABLES 
 */
:root {

  /* var(--buttonDarker) */
  --whiteClear: #FFFFFF00;

  --white: #FFFFFF;

  --greyGhost:	#F8F8F8;
  --greySmoke:	#F5F5F5;
  --greyLighter:#EEEEEE;
  --greyLight: 	#DDDDDD;
  --greySilver: #CCCCCC;
  --greyDark: 	#BBBBBB;
  --greyDarker:	#888888;
  --greyDim: 	#777777;

  --blackClear: #00000000;
  --blackOne: #00000016;
  --blackTwo: #00000032;
  --blackThree: #00000048;
  --blackFour: #00000064;
  --blackFive: #00000080;
  --blackSix: #00000096;
  --blackSeven: #000000B3; /* 112 */
  --blackEight: #000000C9; /* 128 */
  --blackNine: #000000E5; /* 144 */

  --black: #000000FF;
  
  --textWhite:	#FFFFFF;
  --textBlack:	#000000;

  --themeLighter: #F0F6F9;
  --themeLight: #E1ECF2;
  --themeColour:#68A1BF; /* dark blue */
  --themeDark: 	#5E91AC;
  --themeDarker:#538199;

  --side: 		#FFF2D9;
  --article:	#FFF7E8;

  --selectedLighter:#FFFFEE;
  --selectedLight:	#FFFFCC;
  --selected:		#FFFFAA;
  --selectedHover: 	#F2F2A2;
  --selectedDark:	#CCCC88;

  --buttonLight:	#DDDDDD;
  --buttonDark: 	#767676;
  --buttonDarker: 	#BBBBBB;
  --buttonDarkest: 	#666666;

  --errorLighter:	#FBEEEE;
  --errorLight:	#E08785;
  --error:		#D35351;

  --warningLight: #EBD5AA;
  --warning: 	#FF9900;
  --warningDarker: #FFCC66;

  --sucessLight: #C4E1A4;
  --sucess: 	#009933;
}