/* Global variables */

:root{
	
	/* font */
	--font: 'Lato-Light';
	
	/* primary website colour */
	--primary-colour: #dbdbdb;
	
	/* accent website colour */
	--accent-colour: #232323;
	
	/* primary text colour */
	--primary-text-colour:rgba(0, 0, 0, 0.85);
	
	/* accent text colour */
	--accent-text-colour:rgba(255, 255, 255, 0.85);
	
	/* placeholder text colour on primary */
	--primary-text-placeholder-colour: rgba(0, 0, 0, 0.5);
	
	/* placeholder text colour on accent */
	--accent-text-placeholder-colour: rgba(255, 255, 255, 0.5);

	/* form error messages on primary */
	--accent-form-errors-colour: rgba(0, 0, 0, 0.7);
	
	/* form error messages on accent */
	--accent-form-errors-colour: rgba(255, 255, 255, 0.7);
	
	/* primary button background colour */
	--primary-button-bg-colour: black;
	
	/* accent button background colour */
	--accent-button-bg-colour: white;
	
	/* primary button text colour */
	--primary-button-text-colour: rgba(255, 255, 255, 0.85);
	
	/* accent button text colour */
	--accent-button-text-colour: rgba(0, 0, 0, 0.85);

	/* positive button background colour */
	--positive-button-bg-colour: rgb(41, 172, 45);
	
	/* negative button background colour */
	--negative-button-bg-colour: rgb(172, 41, 41);
	
	/* input background colour */
	--input-background-colour:rgba(0, 0, 0, 0.1);
	
	/* shadows */
	--shadow: 0.00px 0.00px 30px rgba(0, 0, 0, 0.2);
				
	/* drawer background colour */
	--overlay-bg-colour: rgba(0, 0, 0, 0.85);
	
	/* highlight element colour */
	--highlight-colour:rgba(255, 255, 255, 0.3);
	
}