/**
 * themes/light
 * 		default accent: blue
 */

:root {
	/* general */
		--body-bg: #f0f0f0;
/*		--body-bg: linear-gradient(#3b93c5, #1e3a62);*/
/*		--body-bg: linear-gradient(#d5d5f5, #b0b0d0);*/
		--body-text: #111;
		--quote-text: #444;

		--img-bordered: black;

		--link-text: #06c;
		--link-active: #26c;
		--link-visited: #06c;
		--link-hover-fg: white;
		--link-hover-bg: #28e;

		--alertbox-border: #833;
		--alertbox-fg: #ddd;
		--alertbox-bg: #4c0c0c;
		--alertbox-bg: rgba(76, 12, 12, 0.2);
		
		--warningbox-border: #771;
		--warningbox-fg: #ddd;
		--warningbox-bg: #4c4c0c;
		--warningbox-bg: rgba(76, 76, 12, 0.2);

	/* sidebar */
		--page-sidebar-bg: #e4e4e4;
		--page-sidebar-border: #aaa;
		--sb-taglinebox-bg: #e0e0e0;
		--sb-taglinebox-border: #ccc;
		--sb-taglinebox-fg: #111;
		--sb-navbox-bg: #e0e0e0;
		--sb-navbox-border: #ccc;
		--sb-navbox-fg: #111;
		--sb-navbox-linktext: #111;
		--sb-navbox-linkhoverbg: #28e;
		--sb-navbox-linkhoverbg: linear-gradient(#28e, #05b);
		--sb-navbox-linkhoverfg: #ddd;
		--sb-navbox-hr: #cccccc;
		--sb-footer-fg: #222;
		--sb-logocaption-color: #666666;


	/* content */
		--container-border: #bbb;
		--container-hborder: #05b;
		--container-bg: #e4e4e4;
		--container-hr: #d0d0d0;
		--container-body-hr: #d0d0d0;

		--container-headerbar-bg: #e0e0e0;
		--container-headerbar-fg: #111;
		--container-headerbar-border: #bbb;
		--container-headerbar-border-top: #bbb;
		--container-headerbar-hbg: #05b;
		--container-headerbar-hfg: #fff;
		--container-headerbar-hborder: #05b;
		--container-headerbar-hborder-top: #05b;

		/* use these values for a gradient effect */
		--container-headerbar-bg: linear-gradient(#e0e0e0, #c0c0c0);
		--container-headerbar-hbg: linear-gradient(#28e, #05b);
		--container-headerbar-border-top: #e0e0e0;
		--container-headerbar-hborder-top: #2288ee;


	/* ui */
		--ui-textbox-fg: #111;
		--ui-textbox-bg: #f8f8f8;
		--ui-textbox-border: #aaa;
		--ui-textbox-focus-bg: #ffffff;
		--ui-textbox-focus-fg: #111111;
		--ui-textbox-focus-border: #aaa;

		--ui-button-bg: #e8e8e8;
		--ui-button-bg: linear-gradient(#e8e8e8, #b0b0b0);
		--ui-button-fg: #111111;
		--ui-button-border: #c8c8c8;
		--ui-button-border: linear-gradient(#e8e8e8, #b0b0b0);

		--ui-button-hover-bg: #c8c8c8;
		--ui-button-hover-bg: linear-gradient(#c8c8c8, #a0a0a0);
		--ui-button-hover-fg: #111111;
		--ui-button-hover-border: #b0b0b0;
		--ui-button-hover-border: linear-gradient(#c8c8c8, #a0a0a0);

		--ui-button-active-bg: #a7a7a7;
		--ui-button-active-bg: linear-gradient(#a7a7a7, #c8c8c8);
		--ui-button-active-fg: #111111;
		--ui-button-active-border: #969696;
		--ui-button-active-border: linear-gradient(#a7a7a7, #c8c8c8);

		--ui-button-alert-bg: #cc2222;
		--ui-button-alert-bg: linear-gradient(#cc2222, #a00000);
		--ui-button-alert-fg: white;
		--ui-button-alert-border: #bb1111;
		--ui-button-alert-border: linear-gradient(#cc2222, #a00000);

		--ui-button-alert-hover-bg: #bb1111;
		--ui-button-alert-hover-bg: linear-gradient(#bb1111, #800000);
		--ui-button-alert-hover-fg: white;
		--ui-button-alert-hover-border: #aa0000;
		--ui-button-alert-hover-border: linear-gradient(#bb1111, #800000);

		--ui-button-alert-active-bg: #880000;
		--ui-button-alert-active-bg: linear-gradient(#880000, #bb1111);
		--ui-button-alert-active-fg: white;
		--ui-button-alert-active-border: #770000;
		--ui-button-alert-active-border: linear-gradient(#880000, #bb1111);

		--ui-button-submit-bg: #2288ee;
		--ui-button-submit-bg: linear-gradient(#2288ee, #1955cc);
		--ui-button-submit-fg: white;
		--ui-button-submit-border: #0066cc;
		--ui-button-submit-border: linear-gradient(#2288ee, #1955cc);

		--ui-button-submit-hover-bg: #1177dd;
		--ui-button-submit-hover-bg: linear-gradient(#1177dd, #0b5094);
		--ui-button-submit-hover-fg: white;
		--ui-button-submit-hover-border: #0066cc;
		--ui-button-submit-hover-border: linear-gradient(#1177dd, #0b5094);

		--ui-button-submit-active-bg: #0055bb;
		--ui-button-submit-active-bg: linear-gradient(#0055bb, #0074ff);
		--ui-button-submit-active-fg: white;
		--ui-button-submit-active-border: #0066cc;
		--ui-button-submit-active-border: linear-gradient(#0055bb, #0074ff);

		--ui-code-keyword: #0000ff;
		--ui-code-preproc: #990099;
		--ui-code-comment: #009900;
		--ui-code-string: #890006;
		--ui-code-bg: rgba(255, 255, 255, 0.3);
		--ui-codeline-border: 1px solid rgba(115, 115, 115, 0.2);
		--ui-codeblock-border: 1px solid rgba(115, 115, 115, 0.2);
		--ui-codeblock-linenum: #888;
}