/*
 * Het prototype gebruikt twee kleurenpaletten (zie fb_body_class() in
 * inc/setup.php): dit is het palet van de homepage en alle "landingspagina's"
 * (over-funbedrukkingen, werkwijze, bestanden-aanleveren, wasvoorschriften,
 * kleding-bestellen, eigen-kleding-aanleveren, sign-en-reclame,
 * privacybeleid) — de meerderheid van de site. Productpagina's (body.fb-
 * product-page) krijgen hieronder hun eigen, iets andere waarden.
 */
:root {
	--navy: #263946;
	--ink: #26343b;
	--copy: #606b70;
	--rose: #cf9ca0;
	--rose-dark: #a96f76;
	--mint: #a5c9b4;
	--blue: #8fb3c7;
	--peach: #f4d3c0;
	--cream: #fbf8f5;
	--line: #e5dfda;

	/* Alleen gebruikt door productpagina-blokken; geen eigen waarde in het
	   landingspagina-palet van het prototype, dus hier vast gedefinieerd. */
	--sage: #dcebe2;
	--soft: #f8f4f1;

	--radius: 15px;
	--shadow: 0 14px 36px rgba(38, 52, 59, .09);

	--wrap: min(1220px, calc(100% - 48px));
	--section: 88px;

	--space-compact: 44px;
	--space-normal: 88px;
	--space-large: 132px;
}

body.fb-product-page {
	--navy: #26343b;
	--copy: #657177;
	--rose: #b78182;
	--rose-dark: #916566;
	--blue: #dceaf0;
	--cream: #fffdfa;
	--line: #e5ddd8;

	--shadow: 0 18px 42px rgba(38, 52, 59, .11);
	--wrap: min(100% - 76px, 1220px);
}

@media (max-width: 760px) {
	:root {
		--wrap: min(100% - 28px, 1220px);
		--section: 60px;
		--space-compact: 32px;
		--space-normal: 60px;
		--space-large: 84px;
	}

	body.fb-product-page {
		--wrap: min(100% - 28px, 1220px);
	}
}