:root {
	/* Colours */
	--color-black: #000000;
	--color-blue: #204059;
	--color-blue-light: #dce8ee;
	--color-grey: #9fa7b4;
	--color-gold: #b49b57;
	--color-green: #959a3f;
	--color-greener: #2aa946;
	--color-green-light: #bad040;
	--color-grey-lighter: #fcfcfc;
	--color-grey-light: #f0f0f0;
	--color-grey-mid: #e0e0e0;
	--color-grey: #9fa7b4;
	--color-pink: #ba959e;
	--color-turquoise: #1b857e;
	--color-white: #fff;
	--color-yellow: #f1be48;

	--color-primary: var(--color-blue);
	--color-secondary: var(--color-yellow);
	--color-text: var(--color-grey);

	/* Spacing */
	--spacing-xs: 15px;
	--spacing-sm: 20px;
	--spacing-md: 30px;
	--spacing-lg: 40px;
	--spacing-scroll: 50px; /* For scroll margin */

	/* Font spacing */
	--heading-space: 24px;
	--text-space: 15px;

	/* Default gutter width */
	--gutter: 15px;
	@media (width >= 768px) {
		--gutter: 25px;
	}

	/* Default max-width for main constrained container */
	--width: 1280px;

	/* Responsive / variant max-widths */
	--width-tiny: 600px;
	--width-narrow: 700px;
	--width-medium: 960px;
	--width-wide: 1300px;

	/* Z-indexes */
	--z-header: 10;

	/* Bootstrap */
	--bs-body-font-family: 'Montserrat', sans-serif;
	--bs-body-font-size: 1rem;
	--bs-body-font-weight: 400;
	--bs-body-line-height: 1.4;
	--bs-body-color: var(--color-text);
	--bs-heading-color: var(--color-primary);
}

.t-green-standard {
	--color-primary: var(--color-greener);
	--color-secondary: var(--color-green-light);
}

.t-trade {
	--color-secondary: var(--color-turquoise);
}