/*This is a stale backup copy of the colour palette, used only if the styles app is down*/
/*DO NOT USE*/

/*Declare the pallet*/
:root {

	/* ----------- Old ----------- */
	--ilar-btn-primary: #fff;
	--ilar-btn-hover: var(--ilar-swatch-grey-3);
	--ilar-btn-active: var(--ilar-swatch-grey-5);
	--ilar-btn-hover-active: var(--ilar-swatch-grey-6);
	/* ----------- Old ----------- */


	--ilar-swatch-yellow: #ffb448;
	--ilar-swatch-yellow-dark: #fb9400;
	--ilar-swatch-yellow-darker: #b36b03;
	--ilar-swatch-purple: #775d94;
	--ilar-swatch-off-white: #fefefe;
	--ilar-swatch-grey-1: #f4f4f4;
	--ilar-swatch-grey-panel: #eeeeee;
	--ilar-swatch-grey-2: #dfdfdf;
	--ilar-swatch-grey-3: #cacaca;
	--ilar-swatch-grey-4: #a0a0a0;
	--ilar-swatch-grey-muted: #999999;
	--ilar-swatch-grey-dim: #888888;
	--ilar-swatch-grey-5: #777777;
	--ilar-swatch-grey-6: #4d4d4d;
	--ilar-swatch-grey-text: #333333;
	--ilar-swatch-grey-7: #1e1e1e;
	--ilar-swatch-hyperlink: #428bca;
	--ilar-swatch-hyperlink-hover: #2a6496;
	--ilar-swatch-hyperlink-visited: #1e1e1e;
	--ilar-swatch-hyperlink-active: #212529;
	--ilar-swatch-error: #f44336;
	--ilar-swatch-orange: #ED6A21;
	--ilar-swatch-green: #3E8521;
	--ilar-swatch-icon-blue: #26a7de;
	--ilar-swatch-blue: #0080A8;

	--feature-colour-charcoal: var(--ilar-swatch-grey-5);
	--feature-colour-gold: var(--ilar-swatch-yellow);
	--feature-colour-orange: var(--ilar-swatch-orange);
	--feature-colour-green: var(--ilar-swatch-green);
	--feature-colour-purple: var(--ilar-swatch-purple);
	--feature-colour-blue: var(--ilar-swatch-blue);

	--ilar-primary: var(--ilar-swatch-yellow);
	--ilar-dark-primary: var(--ilar-swatch-yellow-dark);
	--ilar-darker-primary: var(--ilar-swatch-yellow-darker);

	--ilar-btn-background: transparent;
	--ilar-btn-text: var(--ilar-swatch-grey-4);
	--ilar-btn-border: var(--ilar-swatch-grey-4);

	--ilar-btn-hover-background: var(--ilar-swatch-grey-2);
	--ilar-btn-hover-text: var(--ilar-swatch-grey-5);
	--ilar-btn-hover-border: var(--ilar-swatch-grey-4);

	--ilar-btn-active-background: var(--ilar-swatch-grey-4);
	--ilar-btn-active-text: #fff;
	--ilar-btn-active-border: var(--ilar-swatch-grey-4);

	--ilar-btn-selected-hover-background: var(--ilar-swatch-grey-5);
	--ilar-btn-selected-hover-text: #fff;
	--ilar-btn-selected-hover-border: var(--ilar-swatch-grey-5);

	--ilar-btn-hover-active-background: var(--ilar-swatch-grey-6);
	--ilar-btn-hover-active-text: #fff;
	--ilar-btn-hover-active-border: var(--ilar-swatch-grey-6);


	--ilar-btn-primary-background: var(--ilar-swatch-yellow);
	--ilar-btn-primary-text: var(--ilar-swatch-grey-7);
	--ilar-btn-primary-border: var(--ilar-swatch-yellow);

	--ilar-btn-primary-hover-background: var(--ilar-swatch-yellow-dark);
	--ilar-btn-primary-hover-text: var(--ilar-swatch-grey-7);
	--ilar-btn-primary-hover-border: var(--ilar-swatch-yellow-dark);

	--ilar-btn-primary-active-background: var(--ilar-swatch-yellow-dark);
	--ilar-btn-primary-active-text: var(--ilar-swatch-grey-7);
	--ilar-btn-primary-active-border: var(--ilar-swatch-yellow-dark);

	--ilar-btn-primary-selected-hover-background: var(--ilar-swatch-yellow-darker);
	--ilar-btn-primary-selected-hover-text: var(--ilar-swatch-grey-7);
	--ilar-btn-primary-selected-hover-border: var(--ilar-swatch-yellow-darker);

	--ilar-btn-primary-hover-active-background: var(--ilar-swatch-yellow-darker);
	--ilar-btn-primary-hover-active-text: var(--ilar-swatch-grey-7);
	--ilar-btn-primary-hover-active-border: var(--ilar-swatch-yellow-darker);


	/*Gradients*/
	--gold-gradient-1: #f58220;
	--gold-gradient-2: var(--ilar-swatch-yellow);

	--yellow-gradient-1: var(--gold-gradient-1);
	--yellow-gradient-2: var(--gold-gradient-2);

	--orange-gradient-1: #D0372B;
	--orange-gradient-2: var(--ilar-swatch-orange);

	--green-gradient-1: #0E6A6F;
	--green-gradient-2: var(--ilar-swatch-green);

	--purple-gradient-1: #3C2D4D;
	--purple-gradient-2: var(--ilar-swatch-purple);

	--blue-gradient-1: #00497D;
	--blue-gradient-2: var(--ilar-swatch-blue);

	--charcoal-gradient-1: rgb(from var(--feature-colour-charcoal) r g b / 1);
	--charcoal-gradient-2: rgb(from var(--feature-colour-charcoal) r g b / 0.5);

	/* used for some of the delete buttons, and similar */
	--red-gradient-1: #eb6559;
	--red-gradient-2: #eb6559;

	--gold-gradient: linear-gradient(90deg, var(--gold-gradient-1), var(--gold-gradient-2));
	--yellow-gradient: var(--gold-gradient);
	--orange-gradient: linear-gradient(90deg, var(--orange-gradient-1), var(--orange-gradient-2));
	--green-gradient: linear-gradient(90deg, var(--green-gradient-1), var(--green-gradient-2));
	--purple-gradient: linear-gradient(90deg, var(--purple-gradient-1), var(--purple-gradient-2));
	--blue-gradient: linear-gradient(90deg, var(--blue-gradient-1), var(--blue-gradient-2));

}