/*
 * Brand: the ONLY file with colour values (FR-031). Visual world: Sadu weave (السدو).
 *
 * The palette is the Najdi Sadu loom: undyed black wool, madder red, saffron, natural camel and
 * undyed white. Every pattern in site.css is drawn from these variables, so swapping the owner's
 * colour is a change here only:
 *   --wz-madder  main brand colour: actions, woven bands, active marks  (owner's colour goes here)
 *   --wz-saffron second brand colour: highlights, focus, the date line
 * Logo: the site title «وظائف اليوم» (Settings › General) is the text logo with a woven mark drawn
 * in CSS. An image logo set in Customizer › Site Identity replaces it automatically.
 */
:root {
	/* Wool */
	--wz-ink: #1d1a1a;          /* undyed black wool: header, footer, dark fields, text */
	--wz-ink-2: #2b2626;        /* black wool, second shade (raised surfaces on dark) */
	--wz-wool: #f5f3ee;         /* undyed white wool: page ground */
	--wz-white: #ffffff;        /* rows and reading surfaces */
	--wz-madder: #a3262a;       /* madder red */
	--wz-madder-deep: #861c20;  /* pressed / hover */
	--wz-saffron: #e3a72f;      /* saffron */
	--wz-camel: #6b4a35;        /* natural camel: secondary text on light */
	--wz-camel-soft: #b9a48f;   /* camel, light: secondary text on dark */
	--wz-thread: #e2ddd3;       /* hairlines on light */
	--wz-thread-dark: #463e3c;  /* hairlines on dark */
	--wz-wool-on-ink: #efe9df;  /* body text on dark fields */

	/* Expired state: faded wool, never red (red means "act") */
	--wz-faded: #8b8178;
	--wz-faded-bg: #ece7df;

	--wz-font: "IBM Plex Sans Arabic", system-ui, sans-serif;

	/* Legacy names some plugin/admin CSS may read */
	--wz-primary: var(--wz-madder);
	--wz-text: var(--wz-ink);
	--wz-muted: var(--wz-camel);

	/* GeneratePress global colours */
	--contrast: var(--wz-ink);
	--contrast-2: var(--wz-camel);
	--contrast-3: var(--wz-thread);
	--base: var(--wz-thread);
	--base-2: var(--wz-wool);
	--base-3: var(--wz-white);
	--accent: var(--wz-madder);

	accent-color: var(--wz-madder);
	color-scheme: light;
}