:root {
	/* Base */
	--body-bg: #000;
	--body-fg: #ddd;

	--nav-bg: #055;
	--nav-fg: #fff;
	--nav-shadow: 0px 0px 10px 1px #055;

	/* Main content */
	--main-bg: #111;
	--main-bg2: #222;
	--link-color: #888;
	--link-active-fg: #55f;
	--line-color: #444;
	
	/* Button */
	--button-fg: #eee;
	--button-bg: #55f;
	--button-border: 3px solid #88f;
	--button-bg-hover: #88f;
	--button-border-hover: 3px solid #ccf;
	--button-border-active: 3px solid #44f;
	--button-border-focus: 3px dotted #ccf;

	/* Cards */
	--card-bg: #222;
	--card-fg: #fff;
	--card-bg-hover: rgba(0,0,0,0.05);;
	--card-status-fg: #555;
	--card-title-bg: rgba(0,0,0,0.1);
	--card-title-fg: #eee;

	/* Table */ 
	--table-hover-bg: rgba(0,0,255,0.2);
	--table-even-bg: rgba(0,0,0,0.1);

	/* Footer */
	--footer-fg: #555;
}