:root {
	
	/* Primitives */
	
	--gold-500: #A28448;
	--gold-500-50: rgba(162,132,72,0.50);
	--gold-600: #8D733F;
	--gold-inspired: #BE9C6A;
	
	--white: #FFFFFF;
	--white-20: rgba(255,255,255,0.20);
	--grey-50: #F5F2EB;
	--grey-100: #EEEBE4;
	--grey-150: #DFDCD6;
	--grey-800: #2A2A2E;
	--grey-900: #08080B;
	--grey-900-50: rgba(8,8,11,0.50);
	
	--green-500: #78A296;
	--green-600: #587E75;
	--green-600-50: rgba(88,126,117,0.50);
	--green-700: #456860;
	
	--red: #E22C2C;
	--red-50: rgba(266,44,44,0.50);
	
	/* Usage */
	
	--text-primary: var(--grey-900);
	--text-invert: var(--white);
	--text-brand-onlight: var(--gold-600);
	--text-brand-ondark: var(--gold-500);
	--text-link: var(--green-600);
	--text-link-disabled: var(--green-600-50);
	--text-error-validation: var(--red);
	
	--surface-primary: var(--grey-50);
	--surface-onprimary: var(--grey-100);
	--surface-white: var(--white);
	--surface-hover: var(--grey-150);
	--surface-green: var(--green-500);
	--surface-green-aa: var(--green-600);
	--surface-green-hover: var(--green-700);
	--surface-gold: var(--gold-500);
	--surface-gold-aa: var(--gold-600);
	--overlay: var(--grey-900-50);
	--surface-invert: var(--grey-900);
	--surface-invert-hover: rgba(255,255,255,0.06);
	
	--border-primary: var(--gold-500);
	--border-primary-50: var(--gold-500-50);
	--border-green: var(--green-500);
	--border-error-validation: var(--red-50);
	--border-invert: var(--white-20);
}