:root {
	/* Base */
	--body-bg: #fff;
	--body-fg: #222;
	--font-family-sans: sans-serif;
	--font-family-serif: serif;
	--font-family-mono: monospace;
	--font-size-sm: 11pt;
	--font-size: 14pt;
	--font-size-lg: 22pt;
	--font-size-xl: 32pt;
	--font-size-xxl: 48pt;
	--line-height: 1.333333;

	/* Icons */
	--icon-size: 20px;
	--icon-margin: 3px;

	/* Navbar */
	--nav-bg: #088;
	--nav-fg: #fff;
	--nav-shadow: 0px 0px 10px 1px #088;
	--nav-title-font-size: 24pt;
	--nav-link-font-size: 14pt;

	/* Main content */
	--main-bg: #fff;
	--main-bg2: #ddd;
	--link-color: #555;
	--link-active-fg: #55f;
	--line-color: #cccccc;
	
	/* Button */
	--button-font-size: 22pt;
	--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: #fff;
	--card-fg: #222;
	--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: #444;
	--card-title-font-size: 20pt;
	--card-status-font-size: 11pt;

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

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