/**
 * DermaCare web fonts.
 *
 * !! TODO BEFORE LAUNCH !!
 * The Voire files in assets/fonts/voire/ are Fontspring DEMO fonts, licensed for
 * mock-ups only (not for a live website). They also lack curly quotes, dashes,
 * ©, ®, ™, accented letters and the ellipsis.
 * Before going live, buy the Voire *Web* license from Fontspring and replace the
 * four .woff2 files below with the licensed ones (keep the same file names), or
 * switch the family to a free alternative such as Cormorant Garamond.
 */

/* Voire Display: large headlines (e.g. hero "AESTHETIC MEDICINE, ...") */
@font-face {
	font-family: "Voire Display";
	src: url("../fonts/voire/voire-display-light.woff2") format("woff2");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

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

/* Voire: smaller serif headings (e.g. "Physician led care") */
@font-face {
	font-family: "Voire";
	src: url("../fonts/voire/voire-light.woff2") format("woff2");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

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

/* Red Hat Display: all body copy, labels and buttons (400-800).
   Google Fonts, SIL Open Font License, self-hosted. */
@font-face {
	font-family: "Red Hat Display";
	src: url("../fonts/red-hat/red-hat-display-400.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Red Hat Display";
	src: url("../fonts/red-hat/red-hat-display-500.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Red Hat Display";
	src: url("../fonts/red-hat/red-hat-display-600.woff2") format("woff2");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Red Hat Display";
	src: url("../fonts/red-hat/red-hat-display-700.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Red Hat Display";
	src: url("../fonts/red-hat/red-hat-display-800.woff2") format("woff2");
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

/* Inter: Google reviews bar only. SIL Open Font License, self-hosted. */
@font-face {
	font-family: "Inter";
	src: url("../fonts/inter/inter-500.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

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

/* Manrope: table of contents numbers only. SIL Open Font License, self-hosted. */
@font-face {
	font-family: "Manrope";
	src: url("../fonts/manrope/manrope-400.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

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

@font-face {
	font-family: "Red Hat Display";
	src: url("../fonts/red-hat/red-hat-display-300.woff2") format("woff2");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

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

@font-face {
	font-family: "Red Hat Display";
	src: url("../fonts/red-hat/red-hat-display-500-italic.woff2") format("woff2");
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "Red Hat Display";
	src: url("../fonts/red-hat/red-hat-display-900.woff2") format("woff2");
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Red Hat Display";
	src: url("../fonts/red-hat/red-hat-display-400-italic.woff2") format("woff2");
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}

/* Plus Jakarta Sans: key details table on service pages. SIL Open Font License, self-hosted. */
@font-face {
	font-family: "Plus Jakarta Sans";
	src: url("../fonts/plus-jakarta/plus-jakarta-sans-400.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Plus Jakarta Sans";
	src: url("../fonts/plus-jakarta/plus-jakarta-sans-600.woff2") format("woff2");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

:root {
	--font-display: "Voire Display", Georgia, "Times New Roman", serif;
	--font-serif: "Voire", Georgia, "Times New Roman", serif;
}