/* Real Tomato Grotesk faces. We declare these explicitly here (in addition to
   theme.json) so the editor iframe gets them reliably without depending on
   WordPress's theme.json @font-face auto-emission reaching the iframe.
   font-weight on the @font-face descriptor must match the font-weight value
   the consuming CSS rule asks for, otherwise the browser does synthetic bold. */
@font-face {
	font-family: "Tomato-Grotesk-Regular";
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/Tomato_Grotesk/normal/TomatoGrotesk-Regular.woff2") format("woff2"),
	     url("../fonts/Tomato_Grotesk/normal/TomatoGrotesk-Regular.woff")  format("woff");
}

@font-face {
	font-family: "Tomato-Grotesk-Medium";
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/Tomato_Grotesk/medium/TomatoGrotesk-Medium.woff2") format("woff2"),
	     url("../fonts/Tomato_Grotesk/medium/TomatoGrotesk-Medium.woff")  format("woff");
}

@font-face {
	font-family: "Tomato-Grotesk-Semibold";
	font-weight: 600;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/Tomato_Grotesk/semibold/TomatoGrotesk-SemiBold.woff2") format("woff2"),
	     url("../fonts/Tomato_Grotesk/semibold/TomatoGrotesk-SemiBold.woff")  format("woff");
}

@font-face {
	font-family: "Tomato-Grotesk-Bold";
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/Tomato_Grotesk/bold/TomatoGrotesk-Bold.woff2") format("woff2"),
	     url("../fonts/Tomato_Grotesk/bold/TomatoGrotesk-Bold.woff")  format("woff");
}

/* Real Inter faces. */
@font-face {
	font-family: "Inter-Regular";
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/Inter/Inter-Regular.woff2") format("woff2");
}

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

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

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

/* Override DTSL design-token font stacks: insert metric-adjusted Verdana/Arial
   fallbacks (defined below) ahead of the generic sans-serif so visual metrics
   match the React frontend during font swap. Mirrors marketing-corporate-website
   src/globals.css + src/face.css. */
:root {
	--brand-typo_font-family--primary_regular: "Tomato-Grotesk-Regular", "Tomato-Grotesk-Regular-Fallback", sans-serif;
	--brand-typo_font-family--primary_medium: "Tomato-Grotesk-Medium", "Tomato-Grotesk-Medium-Fallback", sans-serif;
	--brand-typo_font-family--primary_semibold: "Tomato-Grotesk-Semibold", "Tomato-Grotesk-Semibold-Fallback", sans-serif;
	--brand-typo_font-family--primary_bold: "Tomato-Grotesk-Bold", "Tomato-Grotesk-Bold-Fallback", sans-serif;
	--brand-typo_font-family--secondary_regular: "Inter-Regular", "Inter-Regular-Fallback", sans-serif;
	--brand-typo_font-family--secondary_medium: "Inter-Medium", "Inter-Medium-Fallback", sans-serif;
	--brand-typo_font-family--secondary_semibold: "Inter-SemiBold", "Inter-SemiBold-Fallback", sans-serif;
	--brand-typo_font-family--secondary_bold: "Inter-Bold", "Inter-Bold-Fallback", sans-serif;
}

/* Tomato Grotesk fallback faces — Verdana resized to match Tomato-Grotesk OS/2
   metrics. Regular/Medium use Verdana Regular; Semibold/Bold use Verdana Bold
   (no Verdana Medium exists). Values copied verbatim from
   marketing-corporate-website/src/face.css. */
@font-face {
	font-family: "Tomato-Grotesk-Regular-Fallback";
	src: local("Verdana");
	size-adjust: 124.5%;
	ascent-override: 80%;
	descent-override: 20%;
	line-gap-override: 15%;
}

@font-face {
	font-family: "Tomato-Grotesk-Medium-Fallback";
	src: local("Verdana");
	size-adjust: 126.3%;
	ascent-override: 80%;
	descent-override: 20%;
	line-gap-override: 15%;
}

@font-face {
	font-family: "Tomato-Grotesk-Semibold-Fallback";
	src: local("Verdana Bold"), local("Verdana-Bold");
	size-adjust: 90%;
	ascent-override: 80%;
	descent-override: 20%;
	line-gap-override: 15%;
}

@font-face {
	font-family: "Tomato-Grotesk-Bold-Fallback";
	src: local("Verdana Bold"), local("Verdana-Bold");
	size-adjust: 116.3%;
	ascent-override: 80%;
	descent-override: 20%;
	line-gap-override: 15%;
}

/* Inter fallback faces — Arial resized to match Inter OS/2 metrics.
   Regular/Medium use Arial Regular; SemiBold/Bold use Arial Bold. */
@font-face {
	font-family: "Inter-Regular-Fallback";
	src: local("Arial");
	size-adjust: 147.87%;
	ascent-override: 97%;
	descent-override: 24%;
	line-gap-override: 0%;
}

@font-face {
	font-family: "Inter-Medium-Fallback";
	src: local("Arial");
	size-adjust: 146.42%;
	ascent-override: 97%;
	descent-override: 24%;
	line-gap-override: 0%;
}

@font-face {
	font-family: "Inter-SemiBold-Fallback";
	src: local("Arial Bold"), local("Arial-BoldMT");
	size-adjust: 137.22%;
	ascent-override: 97%;
	descent-override: 24%;
	line-gap-override: 0%;
}

@font-face {
	font-family: "Inter-Bold-Fallback";
	src: local("Arial Bold"), local("Arial-BoldMT");
	size-adjust: 139.44%;
	ascent-override: 97%;
	descent-override: 24%;
	line-gap-override: 0%;
}