:root {
	--bora-bgcolor:rgb(248, 244, 238);
	--bora-popup-bgcolor:#FFFFFF;
	--bora-forecolor:#54302c;
	--bora-line:#AAAAAA;
	--bora-header-bg: #FFFFFF;
	--bora-textcolor:#111111;
	--bora-alttextcolor:#F8DC59;
	--bora-info:rgb(13, 50, 119);
	--bora-warning:rgb(230, 97, 0);
	--bora-error:rgb(165, 29, 45);
	--bora-success:rgb(46, 143, 60);
	--bora-component-header-bg:#FAF9F5;
	--bora-component-header-fg:rgb(36, 31, 49);
	--bora-component-header-text: rgb(0, 0, 0);
	--bora-component-content-bg: #FFFFFF;
	--bora-component-content-fg: #000000;
	--bora-component-content-text: #111111;
	--bora-component-adm-bg:#CCCCCC;
	--bora-component-adm-fg:rgb(36, 31, 49);
	--bora-component-adm-text: rgb(0, 0, 0);
	--bora-component-item-bg: #e6dfdb;
	--bora-component-item-fg: #000000;
	--bora-component-item-text: #000000;
	--bora-button-normal-bg: #33d17a;
	--bora-button-normal-text: #111111;
	--bora-button-inactive-bg: #f3f3f3;
	--bora-button-inactive-text: #999999;
	--bora-input-border: #AAAAAA;
	--bora-tag: #AAAAAA;
}

.forecolor{
	color: var(--bora-forecolor);
}
.bgcolor{
	background-color: var(--bora-bgcolor);
}
.headerbg{
	background-color: var(--bora-header-bg);
}
.popbgcolor{
	background-color: var(--bora-popup-bgcolor);
}
.textcolor{
	color: var(--bora-textcolor);
}
.titlecolor{
	color: var(--bora-forecolor);
}
.componentitemcolor{
	color: var(--bora-component-item-text);
	background-color: var(--bora-component-item-bg);
}
.componentadmcolor{
	color: var(--bora-component-adm-text);
	background-color: var(--bora-component-adm-bg);
}
.componentheadercolor{
	color: var(--bora-component-header-text);
	background-color: var(--bora-component-header-bg);
}
.componentcontentcolor{
	color: var(--bora-component-content-text);
	background-color: var(--bora-component-content-bg);
}

.inputcolor{
	color: var(--bora-textcolor);
	background-color: rgba(0,0,0,0);
}
.inputcolor label {
	color: var(--bora-forecolor);
}
.inputcolor input[type="text"], select, textarea{
	border: solid 0.1vh var(--bora-input-border);
}

.btncolortransparent{
	background-color: rgba(0,0,0,0);	
}

.btncolormenu{
	background-color: var(--bora-header-bg);
	color: var(--bora-button-normal-text);
}
.btncolormenu:hover{
	background-color: var(--bora-bgcolor);
}

.btncolornormal{
	background-color: var(--bora-button-normal-bg);
	color: var(--bora-button-normal-text);
}

.btncolorgoogle{
	background-color: #4285F4;
	color: #FFFFFF;
}

.btncolorinactive{
	background-color: var(--bora-button-inactive-bg);
	color: var(--bora-button-inactive-text);
}

.btncolorinfo{
	background-color: var(--bora-info);
	color: #FFFFFF;
}

.btncolorwarning{
	background-color: var(--bora-warning);
	color: #FFFFFF;
}

.btncolorerror{
	background-color: var(--bora-error);
	color: #FFFFFF;
}

.btncolorsuccess{
	background-color: var(--bora-success);
	color: #FFFFFF;
}
.tagcolor{
	background-color: var(--bora-tag);
	color: #FFFFFF;
}