/*
 * SF Pro, self-hosted. Subset to Latin + punctuation/arrows, WOFF2.
 * Display for 20px and up (Display, Page head, Section head, Card title);
 * Text for everything smaller. See design-system.md.
 */

@font-face {
	font-family: "SF Pro Display";
	src: url("../fonts/SF-Pro-Display-Medium.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "SF Pro Display";
	src: url("../fonts/SF-Pro-Display-Semibold.woff2") format("woff2");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "SF Pro Text";
	src: url("../fonts/SF-Pro-Text-Regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "SF Pro Text";
	src: url("../fonts/SF-Pro-Text-RegularItalic.woff2") format("woff2");
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "SF Pro Text";
	src: url("../fonts/SF-Pro-Text-Medium.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "SF Pro Text";
	src: url("../fonts/SF-Pro-Text-Semibold.woff2") format("woff2");
	font-weight: 600 700;
	font-style: normal;
	font-display: swap;
}

body {
	font-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}