/* Brand tokens: the single source for colours, fonts and spacing. Values from the Oct 2026 identity approved by Pegah. */

/*
 * Anjoman Max, Fontiran web licence (bought Aban 1405): Light, Regular, Bold only, in the «Farsi
 * Numerals» cut so every digit shows in Persian. The files are in assets/fonts/anjoman/, which git
 * ignores (licensed, never published): copy that folder to the host by hand. Weight 500 has no file
 * and falls back to Regular.
 */
@font-face {
	font-family: "Anjoman";
	src: url("../fonts/anjoman/AnjomanMaxFN-Light.woff2") format("woff2");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Anjoman";
	src: url("../fonts/anjoman/AnjomanMaxFN-Regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Anjoman";
	src: url("../fonts/anjoman/AnjomanMaxFN-Bold.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

:root {
	--ree-blue: #243B8F;
	--ree-blue-hover: #1D3178;
	--ree-blue-active: #182A66;
	--ree-text: #1A1A1A;
	--ree-bg: #EFEFEF;
	--ree-footer-bg: #E6E6E6;

	/* One family for everything (one licence); Tahoma if the files are missing. */
	--ree-font-body: "Anjoman", Tahoma, system-ui, sans-serif;
	--ree-font-head: "Anjoman", Tahoma, system-ui, sans-serif;

	/* Same base unit the Webzi header set on :root. */
	--u: 16px;
	/* 8px on mobile up to 20px on desktop; shared by hero, product and order pages. */
	--gap-top: clamp(calc(.5*var(--u)), calc(.15*var(--u) + 1vw), calc(1.25*var(--u)));
	/* 40px above and below each home section, so 80px between sections. */
	--ree-band: 40px;
}

body {
	margin: 0;
	background: var(--ree-bg);
	color: var(--ree-text);
	font-family: var(--ree-font-body);
	/* Keeps the footer at the bottom on short pages. */
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
.ree-main { flex: 1 0 auto; }

a { color: var(--ree-blue); }
a:hover { color: var(--ree-blue-hover); }

/*
 * Prices: WooCommerce wraps «۶٬۵۵۰٬۰۰۰ تومان» in <bdi>, and the currency sits in its own dir="auto"
 * isolate, so the <bdi> finds no strong letter and falls back to LTR («تومان» on the wrong side).
 */
.woocommerce-Price-amount bdi { direction: rtl; }