:root {
	--default-serif: 'Roboto Slab',Serif;
	--default-sans-serif: 'Open Sans',Verdana,Sans-Serif;
	--default-label-font: 'Josefin Sans',Verdana,Sans-Serif;
	--default-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	
	--default-font-family: var(--default-sans-serif);
	--heading-font-family: var(--default-sans-serif);
	--input-font-family: var(--default-sans-serif);
	--button-font-family: var(--default-serif);
	--default-label-font: 'Josefin Sans',Sans-Serif;
	
	--default-font-weight: normal;
	--default-icon-background: rgba(0,0,40,0.5);
	
	--subtle-background-shade: rgba(255,255,255,0.03);
	
	--subtle-box-shadow: 0 0 1px rgba(234, 225, 225, 0.5);
	--normal-box-shadow: 0 1px #FFFFFF inset, 0 1px 3px rgba(234, 225, 225, 0.4);
	
	--normal-text-shadow: 2px 2px rgba(0,0,0,0.1);
	
	--header-background-color: rgba(80,80,80,0.2);
    --header-text-color: #FFFFFF;
	--footer-background-color: rgba(0,0,0,1);
    --footer-text-color: #FFFFFF;
}

:root {
	--scrollbar-background-color: rgba(80,80,80,1);
	--scrollbar-thumb-color: #404040;
	--scrollbar-thumb-hover-color: #606060;
	--scrollbar-border-color: transparent;
	--scrollbar-corner-color: #404040;
}

:root {
	--tooltip-background-color: #FFFFFF;
	--tooltip-text-color: #FF0000;
	--tooltip-border: 1px solid #FF0000;
	--tooltip-border-radius: 4px;
}

:root {
	--table-row-header-background-color: rgba(37,41,46,1);
    --table-row-header-text-color: #FFFFFF;
	
	--table-row-background-odd: rgba(65,60,70,0.2);
    --table-row-text-odd: #FFFFFF;
    --table-row-background-even: rgba(40,40,40,0.2);
    --table-row-text-even: #EEEEEE;
	--table-row-background-hover: rgba(90,90,90,1);
    --table-row-color-hover: #EEEEEE;

    --table-row-selected-background-color: rgb(233, 233, 233);
    --table-row-selected-text-color: #202020;
	
	--table-row-border-color: rgba(80,80,80,0.2);
	--table-row-vertical-border-color: rgba(80,80,80,0.2);
	
	--table-default-font-size: 1rem;
}

:root {
	--panel-background-color: rgba(50,50,50,1);

	--panel-active-header-background-color: rgba(92, 92, 92, 0.9);
	--panel-active-header-text-color: #FFFF00;
	
	--select-background-color: rgba(90,90,90,1);
	--select-text-color: #EEEEEE;
	
	--single-button-panel-background: rgba(45,45,45, 0.2);
}

:root {
	--default-border-radius: 1px;
}

:root {
	--form-control-background-color: #606060;
	--form-control-color: #FFFFFF;
	--form-control-border-color: #808080;
	--form-control-border-focus-color: #909090;
	--form-control-outline-color: #F8FECD;
	--button-outline-color: #F8FECD;
	
	--form-control-placeholder-color: #909090;
	--form-control-background-disabled-color: #808080;
	--form-control-disabled-color: #DDDDDD;
}

:root {
	--button-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
	--button-background-color: #555565;
	--button-text-color: #FFFFFF;
	--button-border: 1px solid transparent;
	--button-border-radius: 3px;
	
	--btn-background-color-active: #800000;
	--btn-color-active: #FFFFFF;
	
	--btn-background-color: #505050;
	--btn-color: #FFFFFF;
	
	--btn-background-color-default: #808080;
	--btn-color-default: #FFFFFF;
	--btn-hover-background-color-default: #FFEEEE;
	--btn-hover-color-default: #FFFFFF;
}

:root {
	--error-background-color: #000000;
    --error-text-color: #FFFFFF;
	--error-border-bottom: 4px double #FF0000;
	--highlight-background-color: rgba(245,245,255,0.6);
    --highlight-text-color: #DD0000;
    --highlight-line-color: #FF0000;
	
	--range-slider-background-color: #808080;
}

:root {
	--opaque-background-color: rgba(50,50,50,1);
	--controls-background-color: rgba(250,250,250,0.1);
    --content-background-color: rgba(50,50,50,0.95);
    --content-text-color: rgba(255,255,255,0.8);
	--content-backdrop-filter: blur(5px);
	
	--auth-content-background-color: rgba(0, 0, 0, 0.7);
	
	--popup-background-color: #505050;
	--popup-text-color: #DDDDDD;
	--popup-box-shadow: rgba(200,200,200, 0.5) 0.25px 0.25px 3px 1.5px, rgba(200,200,200, 0.5) -0.25px -0.25px 3px 1.5px;
	
	--heading-background-color: rgba(80, 80, 80, 0);
	--heading-text-color: #EEEEEE;
	--heading-text-background-color: rgba(37, 41, 46, 1);
	
	--subheading-text-background-color: rgba(85, 85, 85, 0.5);
	--subheading-text-color: #BBBBBB;
	--subheading-border-radius: 0px;
}

:root {
	--body-background-color: rgba(28,28,28,0.9);
	--body-text-color: #FFFFFF;

	--text-input-background-color: rgba(57,57,57,1);
    --text-input-border-color: rgba(80,80,80,1);
    --text-input-color: rgba(255,255,255,1);

    --btn-hover-background-color: rgb(255, 20, 20);
    --btn-hover-text-color: #FFFFFF;

	--border-color: rgba(60,60,60,1);
	--accented-border-color: rgba(255,255,255,0.4);
	--splitter-color: #303030;

    --highlight-background-color: transparent;
    --highlight-text-color: #FFFF00;
    --highlight-line-color: #FFFF00;

    --gripper-color: #94D7FE;
	--categorize-link-icon: url(../../../../colors/dark/images/64/link.png);
	--decategorize-link-icon: url(../../../../colors/dark/images/64/link-remove.png);
}
