/**
 * Amber accent, site-wide (Atif, 2026-09-21).
 *
 * The product page's amber, #ffbf00 (var(--zf-amber), first set in
 * zuriyat-product/pdp-accent.css), becomes the one accent everywhere: the
 * small headings above section titles, the buttons, the rules and arrows.
 *
 * It works by pointing the gold tokens every stylesheet already reads
 * (--sui-gold from the component library, --zf-gold from the homepage
 * palette) at the amber, so each usage follows without being patched. The
 * deep gold #8a6a0f used for small text on white (prices, step numbers)
 * is a separate colour and stays.
 *
 * Kept in its own file so it can be rolled back: delete this file, or
 * preview any page without it with ?zf_accent=off.
 */

/* html body.home outranks the palette's body.home, which re-sets the token. */
:root,
html body,
html body.home {
	--zf-amber: #ffbf00;
	--sui-gold: var(--zf-amber);
	--zf-gold: var(--zf-amber);
}

/* The product page keeps its own gold token, --zf-g (zuriyat-product/pdp.css):
   its buttons, sale badge, cards and thumbnail ring. */
html body.single-product {
	--zf-g: var(--zf-amber);
}

/* The hero's Urdu signature line, the one place the gold was written out. */
body.home .sui-farmi .banner-area .content p.sui-banner__text + p.sui-farmi-urdu {
	color: rgba(255, 191, 0, 0.92);
}