/**
 * CSS Variables
 *
 * Define global CSS custom properties.
 *
 *
 */

:root {

	--font-primary: 'DM Sans', sans-serif;

	--container-primary-width: 1280px;
	--container-secondary-width: 900px;
	--container-tertiary-width: 1600px;

	--color-primary: #2a2c2f;
	--color-secondary: #9b583b;
	--color-tertiary: #f9f8f6;
	--color-quaternary: #e5e1dc;
	--color-text: #6c727f;


}

.container-primary {
	max-width: var(--container-primary-width);
	margin: 0 auto;
}

.container-secondary {
	max-width: var(--container-secondary-width);
	margin: 0 auto;
}

.container-tertiary {
	max-width: var(--container-tertiary-width);
	margin: 0 auto;
}