/*
 * Ferraro 1970 — fonts + tokens.
 * Coming soon : Compadre Demo + PP Lettra Mono (sizes from DA mockup).
 * Full brand tokens still provisional until BRAND_GUIDELINES.md is complete.
 */

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

@font-face {
	font-family: "PP Lettra Mono";
	src: url("../fonts/PPLettraMono-Medium.otf") format("opentype");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "PP Lettra Mono";
	src: url("../fonts/PPLettraMono-MediumItalic.otf") format("opentype");
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}

:root {
	--frr-font-logo: "Compadre Demo", sans-serif;
	--frr-font-mono: "PP Lettra Mono", ui-monospace, monospace;

	--frr-color-text: #ffffff;
	--frr-color-bg: #2a1218;

	/* Coming soon sizes */
	--frr-fs-logo: 90px;
	--frr-fs-subline: 24px;
	--frr-fs-meta: 16px;

	--frr-page-padding: 28px;
	--frr-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--frr-duration: 240ms;
}

@media (max-width: 1100px) {
	:root {
		--frr-fs-logo: 64px;
		--frr-fs-subline: 20px;
		--frr-fs-meta: 14px;
		--frr-page-padding: 20px;
	}
}

@media (max-width: 700px) {
	:root {
		--frr-fs-logo: 40px;
		--frr-fs-subline: 16px;
		--frr-fs-meta: 12px;
		--frr-page-padding: 16px;
	}
}