/* The donation flow's design tokens (--wqx-*), on their own so everything that uses them can load them:
   the flow pages (wq-cx-base.css) and the side basket (wq-minicart.css), which opens on every page.
   Before 2.0.1 they lived in wq-cx-base.css, which only loads on the flow pages, so on the rest of the site
   the side basket's "Donate £X securely" button had no colour (white text on white). */
:root {
	--wqx-blue: #2F7A68;
	--wqx-blue-d: #134C46; /* links, blue text, hover: 5.3:1 on --wqx-page */
	--wqx-btn: #134C46; /* fill of a button with white text: 4.6:1 (AA). --wqx-blue stays for bars, rings and icons */
	--wqx-night: #0A2B27;
	--wqx-ink: #0D3430;
	--wqx-ink-2: #24443F;
	--wqx-gold: #FBBC34;
	--wqx-mist: #EDF1EE;
	--wqx-line: #D5DEDA;
	--wqx-mute: #4A625E;
	--wqx-r: 14px;
	--wqx-pad: clamp(16px, 4vw, 64px);
	--wqx-max: 1360px;
	--wqx-f: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
	--wqx-ease: cubic-bezier(.2, .7, .2, 1);
	--wqx-hdr: 76px; /* the Waqf header (wq.css --wq-hdr) */
	--wqx-tuck: 20px; /* how far the page runs up under the header's rounded bottom (header.css) */
	/* the calm look's extra colours, and the four corner sizes */
	--wqx-soft: #E8F1EC; /* the site's mint (wq.css --wq-mint) */
	--wqx-page: #FBF8F1; /* the site's cream (wq.css --wq-cream) */
	--wqx-gold-soft: #FFF4D9;
	--wqx-ok: #1E874B;
	--wqx-ok-soft: #EEF8F2;
	--wqx-err: #C5281C;
	--wqx-err-soft: #FDF1F0;
	--wqx-r-s: 8px;
	--wqx-r-m: 12px;
	--wqx-r-l: 16px;
	--wqx-r-xl: 24px;
	--wqx-ui: "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
	--wqx-float: 0 24px 60px -20px rgba(10, 43, 39, .35);
}