/*
//////////////////////////////////////////////////////////////////////////////////
// 																				//
// COPYRIGHT:  NICK VAN KOLLENBURG							 					//
// nickvankollenburg@gmail.com													//
// 																				//
//////////////////////////////////////////////////////////////////////////////////
*/

/* General
-------------------------------------------------------------- */
:root {
	--color-primary: 85 85 85;
	--color-secondary: 244 48 55;
	--color-tertiary: 17 17 17;
	--color-accent: 120 120 120;
	--color-warning: 255 0 0;
	--color-success: 56 203 59;
	
	--color-medium: 204 107 112;
	--color-light: 238 186 188;
	
	--color-style-blue: 78 163 220;
	--color-style-red: 236 26 35;
	
	--color-alpha-background: rgb(var(--color-white) / 0.4);
	--color-alpha-background-dark: rgb(var(--color-white) / 0.1);
	--color-alpha-background-darkest: rgb(200 200 200 / 0.6);
	--color-alpha-background-box: rgb(var(--color-offwhite) / 0.15);
	--color-alpha-background-box-large: rgb(var(--color-offwhite) / 0.5);
	
	--color-table-background: rgb(var(--color-white) / 0.3);
	--color-table-td-hover: rgb(var(--color-secondary) / 0.7);
	--color-table-td-hover-checkbox: rgb(var(--color-secondary) / 0.2);
	--color-table-header-background: var(--color-white);
	--color-table-header-background-active: var(--color-offwhite);
	--color-table-header-background-hover: rgb(var(--color-secondary) / 0.7);
	
	--color-input-text: 60 60 60;
	--color-input-text-hover: var(--color-primary);
	--color-input-text-active: 30 30 30;
	--color-input-background: transparent;
	--color-input-background-hover: rgb(var(--color-secondary) / 0.5);
	--color-input-background-select-hover: rgb(var(--color-secondary) / 0.5);
	--color-input-background-active: rgb(var(--color-secondary) / 0.5);
	--color-input-border: var(--color-tertiary);
	--color-input-border-dark: var(--color-tertiary);
	--color-input-border-hover: var(--color-tertiary);
	--color-input-border-active: var(--color-tertiary);
	
	--color-button-background: var(--color-tertiary);
	--color-submit-background: var(--color-secondary);
}