/* Design tokens — LINAL / Figma « New Colors » */

:root {
	--clr-prussian: #0b132b;
	--clr-indigo: #1c2541;
	--clr-teal: #1f4555;
	--clr-blue: #aae1f2;
	--clr-green: #caffa7;
	--clr-cream: #f7f9e4;
	--clr-platinum: #f8f8f8;
	--clr-magenta: #c64a5f;
	--clr-white: #ffffff;

	--font-display: "Erode", "Fraunces", Georgia, "Times New Roman", serif;
	--font-body: "Recia", "Newsreader", Georgia, "Times New Roman", serif;

	--text-hero: clamp(2.5rem, 4.3vw, 5.193rem);
	--text-h2: clamp(1.85rem, 2.3vw, 2.751rem);
	--text-h3: 1.5rem;
	--text-body: 1.0625rem;
	--text-small: 1rem;

	--lh-hero: 1.01;
	--lh-h2: 1.01;
	--lh-body: 1.7;

	--container: 1370px;
	--container-wide: 1678px;
	--pad: clamp(1.25rem, 4vw, 2rem);
	--radius: 30px;
	--radius-sm: 20px;
	--radius-pill: 62.5px;

	--header-h: 7.5rem;
	--ease: 0.2s ease;
	--header-ease: 0.45s cubic-bezier(0.22, 1, 0.36, 1);
	--reveal-ease: 0.75s cubic-bezier(0.22, 1, 0.36, 1);
}

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

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

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

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

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

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