/*@property --bg{
	syntax:'<color>';
	inherits:false;
	initial-value:#232627;
}
@property --fg{
	syntax:'<color>';
	inherits:false;
	initial-value:#fcfcfc;
}
@property --border{
	syntax:'<color>';
	inherits:false;
	initial-value:#444;
}*/
@font-face{
	font-family:'Inter';
	font-style:normal;
	font-weight:normal;
	font-display:swap;
	src:url('../font/inter-regular.woff2') format('woff2');
}
@font-face{
	font-family:'Inter';
	font-style:italic;
	font-weight:normal;
	font-display:swap;
	src:url('../font/inter-italic.woff2') format('woff2');
}
@font-face{
	font-family:'Inter';
	font-style:normal;
	font-weight:bold;
	font-display:swap;
	src:url('../font/inter-bold.woff2') format('woff2');
}
@font-face{
	font-family:'Inter';
	font-style:italic;
	font-weight:bold;
	font-display:swap;
	src: url('../font/inter-bolditalic.woff2') format('woff2');
}
:root{
	font-family:'Inter','Noto Sans',sans-serif !important;
	font-feature-settings:'tnum','ss02';
	--border:#444;
	--bg:#fcfcfc;
	--fg:#232627;
}
body{
	--bg:#f6f8fc;
	--border:#bac0c8;
	--fg:#232627;
	>header{
		--bg:#1e1e1e;
		--fg:#fff;
	}
	>nav{
		--bg:#bfbfc0;
		--fg:#000;
		>nav.menu{
			>menu{
				>li{
					>a{
						&.active{
							--bg:#f3f4f6 !important;
							---border:#3c6db3 !important;
							--fg:#000 !important;
						}
						&:hover{
							--border:inherit !important;
						}
					}
				}
			}
		}
	}
	>main{
		--bg:#fff;
		nav.menu{
			--bg:#bac0c8;
			>menu{
				>li{
					>a{
						--bg:#bababb;
						&.active{
							--bg:#e5e7eb !important;
							--fg:#000 !important;
						}
					}
				}
			}
		}
		nav.breadcrumb{
			--bg:#e5e7eb;
		}
		nav.controls{
			--bg:#bac0c8;
		}
	}
	>aside{
		--bg:#e5e7eb;
		>nav.menu{
			>header{
				--bg:transparent;
				--fg:#555;
				font-weight:normal;
			}
		}
	}
	>footer{
		--bg:#f3f4f6;
		--fg:#232627;
	}
}
body>main div.resultset nav.controls nav.menu a,
a.button,
button,
input::file-selector-button,
input[type=button],
input[type=reset]
input[type=submit]{
	--bg:#eff0f1;
	--border:#bababb;
	--fg:#232627;
	&:hover{
		--bg:#dfe0e1;
		--border:#727272;
	}
}
button[disabled],
input[disabled]::file-selector-button,
input[disabled][type=button],
input[disabled][type=reset],
input[disabled][type=submit]{
	--bg:rgba(200,200,200,0.5);
	--border:rgba(100,100,100,0.5);
	--fg:rgba(0,0,0,0.35);
}
input,
input-multiple,
textarea{
	--bg:#fff;
	--border:#bababb;
	--fg:#000;
}
input,
textarea{
	&.duplicate{
		--bg:#f2eabe;
		--fg:#000;
	}
	&:read-only{
		--bg:rgba(255,255,255,0.5);
		--border:rgba(0,0,0,0.75);
		--fg:rgba(0,0,0,0.5);
	}
}
nav.menu a:hover{
	--bg:rgba(193,228,246,0.5);
	--border:rgba(61,173,233,0.5);
	--fg:rgba(12,47,88,0.9);
}
nav-pages{
	--bg:#eff0f1;
	--border:#bababb;
	--fg:#232627;
}
.header{
	--bg:#dbdcdd;
	--border:#bababb;
	--fg:#232627;
}
div.fieldset{
	--bg:#e5e7eb;
}
div.resultset>table{
	>tbody>tr{
		---bg:rgba(242,242,242,0.75);
		--border:rgba(186,186,187,0.5);
		>td{
			--border:none;
 			--bg:transparent;
 			--fg:inherit;
		}
		>th{
			--bg:#dcdcdc;
			--border:#bababb;
			--fg:#555;
		}
		&:hover{
			--border:rgba(25,94,179,0.5);
		}
	}
	>thead>tr{
		--bg:#dcdcdc;
		--border:#bababb;
		--fg:#666;
		a{
			--fg:#555;
		}
	}
	>tfoot>tr{
		--bg:#eff0f1;
		>td{---bg:#dcdcdc;}
	}
}
.title{
	--bg:#3c6db3;
	--border:#bababb;
	--fg:#fff;
}
.active,.active a{
	--bg:rgba(117,196,238,0.5) !important; /* #75c4ee */
	--fg:rgba(12,47,88,0.9) !important; /* #0c2f58 */
}
:placeholder{--fg:rgba(0,0,0,0.35);}
.blue{
	--bg:rgba(168,221,224,0.5) !important;	/* #a8dde0 */
	--fg:#007880 !important;
}
.grey{
	--bg:rgba(221,221,221,0.5) !important;	/* #ddd */
	--fg:#323232 !important;
}
.green{
	--bg:rgba(216,232,194,0.5) !important;	/* #d8e8c2 */
	--fg:#00892c !important;
}
.yellow{
	--bg:rgba(255,246,200,0.5) !important;	/* #fff6c8 */
	--fg:#997500 !important;
}
.orange{
	--bg:rgba(255,217,176,0.5) !important;	/* #ffd9b0 */
	--fg:#cf4913 !important;
}
.red{
	--bg:rgba(249,204,202,0.5) !important;	/* #f9ccca */
	--fg:#8c0000 !important;
}
.purple{
	--bg:rgba(195,180,218,0.5) !important;	/* #c3b4da */
	--fg:#34176e !important;
}
.alert{
	----bg:#f2eabe;
	---bg:#fff6c8;
	--bg:#fffbe6;
	--border:#f3c300;
	--content:'\f017e';
	--icon:#fa0;
}
.error{
	----bg:#f2b5b5;
	---bg:#ffbfbf;
	--bg:#ffe6e6;
	--fg:#900;
	--border:#ff8080;
	--content:'\f0187';
	--icon:#8c0000;
}
.info{
	----bg:#b5cef2;
	---bg:#bfd9ff;
	--bg:#e6f0ff;
	--border:#80b3ff;
	--content:'\f0185';
	--icon:#00438a;
}
.pass{
	----bg:#b1d28f;
	---bg:#c7dfae;
	--bg:#e9f5d9;
	--border:#77b753;
	--content:'\f0180';
	--icon:#37a42c;
}
.query{
	----bg:#b8a9cd;
	---bg:#c3b4da;
	--bg:#ebe6f3;
	--border:#8168b5;
	--content:'\f0186';
	--icon:#644a9b;
}