/* COLORS
----------------------------------------- */
:root {

	/* Primary Color Theme */
	  --color-primary-50: #d5d3d7;
      --color-primary-100: #bbbabe;
      --color-primary-200: #a1a1a5;
      --color-primary-300: #87888c;
      --color-primary-400: #6d6f73;
      --color-primary-500: #53565a;
      --color-primary-600: #47494c;
      --color-primary-700: #3b3c3e;
      --color-primary-800: #2f2f30;
      --color-primary-900: #232222;
      --color-primary-950: #171514;

	/* Polestar Black and Whites* */
  	--polestar-white: #FFFFFF;
		--polestar-black: #000000;

	/* Polestar Grayscale  */
  	--polestar-iron-gray: #53565A;
		--polestar-tele-gray-1: #97999B;
		--polestar-tele-gray-2: #75787B;
		--polestar-tele-gray-4: #C8C9C7;
		--polestar-signal-white: #ECECE7;
		--polestar-agate-gray: #B1B3B3;
		--polestar-gray-white: #D9D9D6;

	/* Polestar Accent  */
		--polestar-red-accent: #E03C31;
		--polestar-orange-accent: #FF7500;
		--polestar-yellow-accent: #F7EA48;
		--polestar-turquoise-accent: #59F3FD;

	/* Polestar Gold  */
		--polestar-dark-gold: #866D4B;
		--polestar-light-gold: #D3BC8D;

		--polestar-transparent: transparent;


		--page-bg: var(--polestar-white);
		--page-title-bg: var(--polestar-signal-white); 
		

  
	/* LINKS */
	--btn-link-color: var(--polestar-black);
	--link-hover-color: var(--polestar-iron-gray);
	--btn-link-active-color: var(--polestar-iron-gray);
	--btn-link-disabled-color: var(--polestar-iron-gray);

/* ----------------------------------------------------------------------------- */

	/* PRIMARY BUTTONS ARE FOR BUTTONS ON WHITE BG - BLACK BORDER, BLACK TEXT, TRANSPARENT BG */

	/* PRIMARY */
	--btn-primary-border-color: var(--polestar-black);
	--btn-primary-bg: var(--polestar-transparent);
	--btn-primary-color: var(--polestar-black);
	
	/* PRIMARY HOVER */
	--btn-primary-hover-border-color: var(--polestar-tele-gray-1);
	--btn-primary-hover-bg: var(--polestar-transparent);
	--btn-primary-hover-color: var(--polestar-black); 
	
/* ----------------------------------------------------------------------------- */

	/* PRIMARY INVERSE BUTTONS ARE FOR BUTTONS ON DARK BG - WHITE BORDER, WHITE TEXT, TRANSPARENT BG */

	/* PRIMARY INVERSE */
	--btn-primary-inverse-border-color: var(--polestar-white);
	--btn-primary-inverse-bg: var(--polestar-transparent);
	--btn-primary-inverse-color: var(--polestar-white);

	/* PRIMARY INVERSE HOVER */
	--btn-primary-inverse-hover-border-color: var(--polestar-tele-gray-1);
	--btn-primary-inverse-hover-bg: var(--polestar-transparent);
	--btn-primary-inverse-hover-color: var(--polestar-white);

/* ----------------------------------------------------------------------------- */	
	
	/* PRIMARY ACTIVE */
	--btn-primary-active-border-color: var(--polestar-black);
	--btn-primary-active-bg: var(--polestar-transparent);
	--btn-primary-active-color: var(--polestar-black);

	/* PRIMARY ACTIVE INVERSE */
	--btn-primary-inverse-active-border-color: var(--polestar-white);
	--btn-primary-inverse-active-bg: var(--polestar-transparent);
	--btn-primary-inverse-active-color: var(--polestar-white); 


/* ----------------------------------------------------------------------------- */  
  
	/* DEFAULT BUTTONS ARE SOLID BUTTONS ON LIGHT BG - BLACK BORDER, WHITE TEXT, BLACK BG */

	/* DEFAULT */
	--btn-default-border-color: var(--polestar-black);
	--btn-default-bg: var(--polestar-black);
	--btn-default-color: var(--polestar-white);

	/* DEFAULT HOVER */
	--btn-default-hover-border-color: var(--polestar-iron-gray);
	--btn-default-hover-bg: var(--polestar-iron-gray);
	--btn-default-hover-color: var(---polestar-white);


/* ----------------------------------------------------------------------------- */	
	
	/* DEFAULT ACTIVE */
	--btn-default-active-border-color: var(--polestar-black);
	--btn-default-active-bg: var(--polestar-black);
	--btn-default-active-color: var(--polestar-white);


/* ----------------------------------------------------------------------------- */  


}

.bg-orange {background-color: var(--polestar-orange-accent);}
.bg-iron-gray {background-color: var(--polestar-iron-gray);}


/* ----------------------------------------------------------------------------- */
  
	/* LINKS
	--btn-link-color: var(--ineos-red);
	--btn-link-hover-color: var(--ineos-red);
	--btn-link-active-color: var(--ineos-red);
	--btn-link-disabled-color: var(--ineos-red); */

	

  
/* ----------------------------------------------------------------------------- */  
  
	/* PRIMARY ACTIVE */
	/* --btn-primary-active-border-color: var(--ineos-red);
	--btn-primary-active-bg: var(--ineos-white);
	--btn-primary-active-color: var(--ineos-red); */

	/* PRIMARY ACTIVE INVERSE */
	/* --btn-primary-inverse-active-border-color: var(--ineos-white);
	--btn-primary-inverse-active-bg: var(--ineos-white);
	--btn-primary-inverse-active-color: var(--ineos-red); */

/* ----------------------------------------------------------------------------- */  
  
	/* DEFAULT */
	/* --btn-default-border-color: var(--ineos-blue);
	--btn-default-bg: var(--ineos-blue);
	--btn-default-color: var(--ineos-white); */

	/* DEFAULT HOVER */
	/* --btn-default-hover-border-color: var(--ineos-blue);
	--btn-default-hover-bg: var(--ineos-white);
	--btn-default-hover-color: var(---ineos-blue); */

/* ----------------------------------------------------------------------------- */
/*   

/* } */