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

/* General
-------------------------------------------------------------- */
:root {
	--color-primary: 85 85 85;
	--color-secondary: 87 87 87;
	--color-tertiary: 85 85 85;
	--color-accent: 120 120 120;
	--color-warning: 255 0 0;
	--color-success: 56 203 59;
	
	--color-mybms-medium: 100 100 100;
	--color-mybms-light: 208 208 208;
	
	--color-style-mybms: 87 87 87;
	--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-dark: rgb(var(--color-offwhite) / 0.25);
	--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-mybms) / 0.7);
	--color-table-td-hover-checkbox: rgb(var(--color-mybms) / 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-mybms) / 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: transparent;
	--color-input-background-select-hover: transparent;
	--color-input-background-active: rgb(255 255 255);
	--color-input-border: 210 210 210;
	--color-input-border-dark: 190 190 190;
	--color-input-border-hover: 210 210 210;
	--color-input-border-active: 210 210 210;
	
	--color-button-background: var(--color-accent);
	--color-submit-background: var(--color-mybms);
}


/* MyBMS Layout
-------------------------------------------------------------- */
body.mybms-layout {
	
	/** Tabs button */
	--color-tabs-button: 87 87 87;
	
	/** Checkbox */
	--checkbox-background: url(../images/icons/mybms/checkbox-mybms.svg);
	
	/** Arrow images */
	--arrow-up: url(../../images/icons/arrows/arrow-up-dark.svg);
	--arrow-right: url(../../images/icons/arrows/arrow-right-dark.svg);
	--arrow-down: url(../../images/icons/arrows/arrow-down-dark.svg);
	--arrow-left: url(../../images/icons/arrows/arrow-left-dark.svg);
	--arrow-up-mybms: url(../../images/icons/arrows/arrow-up-mybms.svg);
	--arrow-right-mybms: url(../../images/icons/arrows/arrow-right-mybms.svg);
	--arrow-down-mybms: url(../../images/icons/arrows/arrow-down-mybms.svg);
	--arrow-left-mybms: url(../../images/icons/arrows/arrow-left-mybms.svg);
	--simple-arrow-up-mybms: url(../../images/icons/arrows/simple-arrow-up-mybms.svg);
	--simple-arrow-right-mybms: url(../../images/icons/arrows/simple-arrow-right-mybms.svg);
	--simple-arrow-down-mybms: url(../../images/icons/arrows/simple-arrow-down-mybms.svg);
	--simple-arrow-left-mybms: url(../../images/icons/arrows/simple-arrow-left-mybms.svg);
	
	/** Misc images */
	--icon-orb: url(../../images/icons/mybms/orb-mybms-dark.svg);
	
	/** Navigation */
	--mybms-navigation-hover-box-shadow: var(--shadow-light);
	--mybms-navigation-background: rgb(var(--color-white) / 0.3);
	--mybms-navigation-icon: url(../../images/icons/mybms/mybms-navigation-dark.svg);
	--mybms-navigation-icon-mobile: url(../../images/icons/mybms/mybms-navigation-mobile-dark.svg);
}