/**
 * Digital Fraggers typography utilities.
 */

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

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

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

@font-face {
	font-family: "Manrope";
	src: url("../fonts/manrope-700.woff2") format("woff2");
	font-style: normal;
	font-weight: 700;
	font-display: swap;
}

@font-face {
	font-family: "Cormorant Garamond";
	src: url("../fonts/cormorant-garamond-400.woff2") format("woff2");
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: "Cormorant Garamond";
	src: url("../fonts/cormorant-garamond-500.woff2") format("woff2");
	font-style: normal;
	font-weight: 500;
	font-display: swap;
}

@font-face {
	font-family: "Cormorant Garamond";
	src: url("../fonts/cormorant-garamond-600.woff2") format("woff2");
	font-style: normal;
	font-weight: 600;
	font-display: swap;
}

@font-face {
	font-family: "Cormorant Garamond";
	src: url("../fonts/cormorant-garamond-700.woff2") format("woff2");
	font-style: normal;
	font-weight: 700;
	font-display: swap;
}

.df-font-serif {
	font-family: var(--df-font-serif);
}

.df-font-sans {
	font-family: var(--df-font-sans);
}

.df-font-regular {
	font-weight: var(--df-font-weight-regular);
}

.df-font-medium {
	font-weight: var(--df-font-weight-medium);
}

.df-font-semibold {
	font-weight: var(--df-font-weight-semibold);
}

.df-font-bold {
	font-weight: var(--df-font-weight-bold);
}

.df-text-xs {
	font-size: var(--df-font-size-xs);
}

.df-text-sm {
	font-size: var(--df-font-size-sm);
}

.df-text-base {
	font-size: var(--df-font-size-base);
}

.df-text-md {
	font-size: var(--df-font-size-md);
}

.df-text-lg {
	font-size: var(--df-font-size-lg);
}

.df-text-xl {
	font-size: var(--df-font-size-xl);
}

.df-text-2xl {
	font-size: var(--df-font-size-2xl);
}

.df-text-3xl {
	font-size: var(--df-font-size-3xl);
}

.df-text-display {
	font-size: var(--df-font-size-display);
}