/**
 * Self-hosted Geist font family.
 *
 * All weights/styles are declared under one family ("Geist"); the browser
 * only downloads the specific files whose weight+style are actually used
 * by rendered text. Set font-weight/font-style in your CSS to pick one.
 *
 * .ttf works everywhere, but .woff2 is ~40% smaller — convert these files
 * for production if page speed matters.
 */

/* Thin 100 */
@font-face {
	font-family: 'Geist';
	src: url('../fonts/Geist-Thin.ttf') format('truetype');
	font-weight: 100; font-style: normal; font-display: swap;
}
@font-face {
	font-family: 'Geist';
	src: url('../fonts/Geist-ThinItalic.ttf') format('truetype');
	font-weight: 100; font-style: italic; font-display: swap;
}

/* ExtraLight 200 */
@font-face {
	font-family: 'Geist';
	src: url('../fonts/Geist-ExtraLight.ttf') format('truetype');
	font-weight: 200; font-style: normal; font-display: swap;
}
@font-face {
	font-family: 'Geist';
	src: url('../fonts/Geist-ExtraLightItalic.ttf') format('truetype');
	font-weight: 200; font-style: italic; font-display: swap;
}

/* Light 300 */
@font-face {
	font-family: 'Geist';
	src: url('../fonts/Geist-Light.ttf') format('truetype');
	font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
	font-family: 'Geist';
	src: url('../fonts/Geist-LightItalic.ttf') format('truetype');
	font-weight: 300; font-style: italic; font-display: swap;
}

/* Regular 400 */
@font-face {
	font-family: 'Geist';
	src: url('../fonts/Geist-Regular.ttf') format('truetype');
	font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
	font-family: 'Geist';
	src: url('../fonts/Geist-Italic.ttf') format('truetype');
	font-weight: 400; font-style: italic; font-display: swap;
}

/* Medium 500 */
@font-face {
	font-family: 'Geist';
	src: url('../fonts/Geist-Medium.ttf') format('truetype');
	font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
	font-family: 'Geist';
	src: url('../fonts/Geist-MediumItalic.ttf') format('truetype');
	font-weight: 500; font-style: italic; font-display: swap;
}

/* SemiBold 600 */
@font-face {
	font-family: 'Geist';
	src: url('../fonts/Geist-SemiBold.ttf') format('truetype');
	font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
	font-family: 'Geist';
	src: url('../fonts/Geist-SemiBoldItalic.ttf') format('truetype');
	font-weight: 600; font-style: italic; font-display: swap;
}

/* Bold 700 */
@font-face {
	font-family: 'Geist';
	src: url('../fonts/Geist-Bold.ttf') format('truetype');
	font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
	font-family: 'Geist';
	src: url('../fonts/Geist-BoldItalic.ttf') format('truetype');
	font-weight: 700; font-style: italic; font-display: swap;
}

/* ExtraBold 800 */
@font-face {
	font-family: 'Geist';
	src: url('../fonts/Geist-ExtraBold.ttf') format('truetype');
	font-weight: 800; font-style: normal; font-display: swap;
}
@font-face {
	font-family: 'Geist';
	src: url('../fonts/Geist-ExtraBoldItalic.ttf') format('truetype');
	font-weight: 800; font-style: italic; font-display: swap;
}

/* Black 900 */
@font-face {
	font-family: 'Geist';
	src: url('../fonts/Geist-Black.ttf') format('truetype');
	font-weight: 900; font-style: normal; font-display: swap;
}
@font-face {
	font-family: 'Geist';
	src: url('../fonts/Geist-BlackItalic.ttf') format('truetype');
	font-weight: 900; font-style: italic; font-display: swap;
}

/**
 * Self-hosted HotSans family (OpenType). Fewer weights than Geist: only
 * 100/300/400/500/700/900 exist — no 200/600/800. Note the italic files are
 * named "*RegularItalic" etc. Use `font-family: 'HotSans'` and pick a weight.
 */

/* Thin 100 */
@font-face {
	font-family: 'HotSans';
	src: url('../fonts/HotSans-Thin.otf') format('opentype');
	font-weight: 100; font-style: normal; font-display: swap;
}
@font-face {
	font-family: 'HotSans';
	src: url('../fonts/HotSans-ThinItalic.otf') format('opentype');
	font-weight: 100; font-style: italic; font-display: swap;
}

/* Light 300 */
@font-face {
	font-family: 'HotSans';
	src: url('../fonts/HotSans-Light.otf') format('opentype');
	font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
	font-family: 'HotSans';
	src: url('../fonts/HotSans-LightItalic.otf') format('opentype');
	font-weight: 300; font-style: italic; font-display: swap;
}

/* Regular 400 */
@font-face {
	font-family: 'HotSans';
	src: url('../fonts/HotSans-Regular.otf') format('opentype');
	font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
	font-family: 'HotSans';
	src: url('../fonts/HotSans-RegularItalic.otf') format('opentype');
	font-weight: 400; font-style: italic; font-display: swap;
}

/* Medium 500 */
@font-face {
	font-family: 'HotSans';
	src: url('../fonts/HotSans-Medium.otf') format('opentype');
	font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
	font-family: 'HotSans';
	src: url('../fonts/HotSans-MediumItalic.otf') format('opentype');
	font-weight: 500; font-style: italic; font-display: swap;
}

/* Bold 700 */
@font-face {
	font-family: 'HotSans';
	src: url('../fonts/HotSans-Bold.otf') format('opentype');
	font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
	font-family: 'HotSans';
	src: url('../fonts/HotSans-BoldItalic.otf') format('opentype');
	font-weight: 700; font-style: italic; font-display: swap;
}

/* Black 900 */
@font-face {
	font-family: 'HotSans';
	src: url('../fonts/HotSans-Black.otf') format('opentype');
	font-weight: 900; font-style: normal; font-display: swap;
}
@font-face {
	font-family: 'HotSans';
	src: url('../fonts/HotSans-BlackItalic.otf') format('opentype');
	font-weight: 900; font-style: italic; font-display: swap;
}
