: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(255,255,255,0.3);
	
	--subtle-background-shade: rgba(0,0,0,0.03);
	
	--subtle-box-shadow: 0 0 1px rgba(34, 25, 25, 0.4);
	--normal-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
	
	--normal-text-shadow: 1px 1px rgba(0,0,0,0.1);
	
	--header-background-color: rgba(245,245,245,0.5);
    --header-text-color: #000000;
	--footer-background-color: rgba(245,245,245,1);
    --footer-text-color: #000000;
}

:root {
	--scrollbar-background-color: #F8F8F8;
	--scrollbar-thumb-color: #EEEEEE;
	--scrollbar-thumb-hover-color: #DDDDDF;
	--scrollbar-border-color: #EAEAEA;
	--scrollbar-corner-color: #EAEAEA;
}

:root {
	--tooltip-background-color: #006EBB;
	--tooltip-text-color: #FFFFFF;
	--tooltip-border: none;
	--tooltip-border-radius: 2px;
}

:root {
	--table-row-header-background-color: rgba(255,255,245,1);
    --table-row-header-text-color: #000000;

    --table-row-background-odd: rgba(255,255,255,1);
    --table-row-text-odd: #000000;
    --table-row-background-even: rgba(250,250,250,1);
    --table-row-text-even: #102030;
	--table-row-background-hover: rgba(230,230,230,1);
    --table-row-color-hover: #000000;

    --table-row-selected-background-color: rgb(233, 233, 253);
    --table-row-selected-text-color: #202020;

    --table-row-border-color: rgba(220,220,220,0.1);
	--table-row-vertical-border-color: rgba(220,220,220,0.1);
	
	--table-default-font-size: 1rem
}

:root {
	--panel-background-color: rgba(255,255,255,0.7);
	
	--panel-active-header-background-color: rgba(200, 200, 200, 1);
	--panel-active-header-text-color: #000000;
	
	--select-background-color: rgba(200, 200, 200, 0.9);
	--select-text-color: #000000;
	
	--single-button-panel-background: rgba(245,245,245, 0.8);
}

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

:root {
	--form-control-background-color: #FFFFFF;
	--form-control-color: #495057;
	--form-control-border-color: #ced4da;
	--form-control-border-focus-color: #80bdff;
	--form-control-outline-color: #80bdff;
	--button-outline-color: #0080CD;
	
	--form-control-placeholder-color: #CCC;
	--form-control-background-disabled-color: #e9ecef;
	--form-control-disabled-color: #808080;
}

:root {
	--opaque-background-color: rgba(255,255,255,1);
	--controls-background-color: rgba(200,200,220,0.01);
    --content-background-color: #FFFFFF;
    --content-text-color: #000000;
	--content-backdrop-filter: blur(5px);
	
	--auth-content-background-color: rgba(255, 255, 255, 0.6);
	
	--popup-background-color: rgba(255,255,255,0.95);
	--popup-text-color: #202020;
	--popup-box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
	
	--heading-background-color: rgba(0,0,0,0);

	--heading-text-background-color: rgba(225, 225, 225, 0.5);
	--heading-text-color: #FF0000;
	
	--subheading-text-background-color: rgba(240, 240, 240, 0.5);
	--subheading-text-color: #205080;
	--subheading-border-radius: 0px;
}

:root {
	--button-box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
	--button-background-color: #EEEEEE;
	--button-text-color: #000000;
	--button-border: 1px solid transparent;
	--button-border-radius: 2px;
	
	--btn-background-color-active: rgb(219,68,83,1);
	--btn-color-active: #FFFFFF;
	
	--btn-background-color: #EFEFEF;
	--btn-color: #202020;
	
	--btn-background-color-default: #EEEEEE;
	--btn-hover-background-color-default: #FFFFAA;
	--btn-hover-color-default: #000000;
	--btn-color-default: #000000;
}

:root {
	--error-background-color: rgba(245,245,255,0.6);
    --error-text-color: #DD0000;
	--error-border-bottom: 1px solid #FF0000;
	--highlight-background-color: rgba(255,245,255,0.6);
    --highlight-text-color: #FF4040;
    --highlight-line-color: #FFDDDD;
	
	--range-slider-background-color: #BBCCDD;
}

:root {
	
	--btn-radius: 3px;
	--btn-dlg-background-color: #005C94;
	--btn-dlg-color: #FFFFFF;
	
	--border-color: rgba(200,200,200,0.3);
	--accented-border-color: rgba(80,80,50,0.3);
	--splitter-color: #EAEAEA;
	
    --body-background-color: rgba(255,255,255,1);
    --body-text-color: #000000;

	--text-input-background-color: rgba(255,255,255,1);
    --text-input-border-color: rgba(235,235,235,1);
    --text-input-color: rgba(0,0,0,1);
	
	--btn-hover-background-color: rgb(255, 255, 225, 0.9);
    --btn-hover-text-color: #000000;

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