:root {
	--color-dark: #0a0a0a;
	--color-light: #fff;
	--color-text: #3c3c3c;
	--color-text-muted: rgba(60, 60, 60, 0.5);
	--color-border: #d9d9d9;
	--color-link: #4a4a4a;
	--color-link-hover: #d5d5d5;
	--color-accent: #ffda87;
	--color-accent-secondary: #1c3241;
	--color-error: #B42127;

	--ff-normal: 'Zona Pro', sans-serif;

	--content-width: 1700px;

	--fs-small: 0.875rem; /* 14px */
	--fs-text: 1rem;
	--fs-module-title: 1.5rem;
	--fs-page-title: 2rem;

	--fw-thin: 100;
	--fw-light: 300;
	--fw-regular: 400;
	--fw-semibold: 600;
	--fw-bold: 700;
}

@font-face {
	font-family: 'Zona Pro';
	src: url('../fonts/zona-pro/ZonaPro-Thin.woff2') format('woff2');
	font-weight: 100;
}

@font-face {
	font-family: 'Zona Pro';
	src: url('../fonts/zona-pro/ZonaPro-Light.woff2') format('woff2');
	font-weight: 300;
}

@font-face {
	font-family: 'Zona Pro';
	src: url('../fonts/zona-pro/ZonaPro-Regular.woff2') format('woff2');
	font-weight: 400;
}

@font-face {
	font-family: 'Zona Pro';
	src: url('../fonts/zona-pro/ZonaPro-SemiBold.woff2') format('woff2');
	font-weight: 600;
}

@font-face {
	font-family: 'Zona Pro';
	src: url('../fonts/zona-pro/ZonaPro-Bold.woff2') format('woff2');
	font-weight: 700;
}