/* Självhostade typsnitt (variable fonts, latin-subset — täcker å/ä/ö) */
@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url("../fonts/inter-variable-latin.woff2") format("woff2");
}

@font-face {
	font-family: "Playfair Display";
	font-style: normal;
	font-weight: 400 900;
	font-display: swap;
	src: url("../fonts/playfair-display-variable-latin.woff2") format("woff2");
}

.partypix-home,
.partypix-pricing {
	background: var(--color-cream);
	color: var(--color-text);
	font-family: var(--font-sans);
	font-size: var(--fs-body);
	line-height: var(--lh-body);
}

.partypix-home h1,
.partypix-home h2,
.partypix-home h3,
.partypix-pricing h1,
.partypix-pricing h2,
.partypix-pricing h3 {
	font-family: var(--font-serif);
	line-height: var(--lh-heading);
	color: var(--color-ink);
	font-weight: 700;
	margin: 0 0 var(--space-4);
}

.partypix-home h1,
.partypix-pricing h1 {
	font-size: var(--fs-h1);
}

.partypix-home h2,
.partypix-pricing h2 {
	font-size: var(--fs-h2);
}

.partypix-home h3,
.partypix-pricing h3 {
	font-size: var(--fs-h3);
}

.partypix-home p,
.partypix-pricing p {
	margin: 0 0 var(--space-4);
	color: var(--color-text);
}

.partypix-home .container,
.partypix-pricing .container {
	max-width: var(--container-max);
	margin-inline: auto;
	padding-inline: var(--space-5);
}

.partypix-home section,
.partypix-pricing section {
	padding-block: var(--space-9);
}

@media (max-width: 782px) {
	.partypix-home section,
	.partypix-pricing section {
		padding-block: var(--space-7);
	}
}