/* =============================================================================
   01-variables.css
   Brand colour custom properties (--js-*). Must load first: everything else references these.

   Split out of style.css, which had grown to 3,647 lines. Loaded via
   wp_enqueue_style() in inc/enqueue.php - the load ORDER there matches the
   numeric filename order, and matches the order these rules appeared in the
   original file, so the cascade is unchanged.
   ============================================================================= */
/* ==========================================================================
   BRAND COLOURS
   The JobShop palette. Change a hex here and it updates everywhere the
   variable is used (buttons, etc.). Older rules further down this file
   still use hardcoded hexes and are unaffected.
   ========================================================================== */

:root {
	/* Four main brand colours */
	--js-purple: #9358a3;
	/* #9358a3 - Agency              */
	--js-blue: #0eb4ab;
	/* #0eb4ab - Advice & Resources  */
	--js-orange: #f15f48;
	/* #f15f48 - Events & Workshops  */
	--js-yellow: #f0b41d;
	/* #f0b41d - Jobs Board          */

	/* Neutrals */
	--js-grey: #575b5c;
	/* #575b5c - Text and outlines   */
	--js-beige: #fbf6ef;
	/* #fbf6ef - Backgrounds, highlights */
	--js-black: #000000;
	/* #000000 - Black button variant */
	--js-white: #ffffff;
	/* #ffffff                       */

	/* Pale tints */
	--js-purple-tint: #f3e9f6;
	--js-blue-tint: #e3f7f5;
	--js-orange-tint: #fdece7;
	--js-yellow-tint: #fdf1d6;
	--js-grey-tint: #bdc4c6;
	/* --js-yellow-ink: #96700a; */
}