:root {
	--border-radius: 4px;
	--border-radius2x: 8px;
  
	/* Primary Color (Corporate) - shifted 2 lighter steps */
	--primary: #004689;       /* was #002D5C */
	--primary-100: #0052A0;   /* was #003A73 */
	--primary-200: #0060B8;   /* was #004689 */
	--primary-300: #006ECF;   /* was #0052A0 */
	--primary--100: #4D6392;  /* was #1A3F6E */
	--primary--200: #6678A5;  /* was #335180 */
	--primary--300: #808EBA;  /* was #4D6392 */
  
	/* Secondary Color (Accent) */
	--secondary: #00A9E0;
	--secondary-100: #33BAE6;
	--secondary-200: #66CBEC;
	--secondary-300: #99DCF2;
	--secondary--100: #00A0D1;
	--secondary--200: #0093BF;
	--secondary--300: #0085AD;
  
	/* Default / Text */
	--default: #5A5A5A;
  
	/* Tertiary / Optional Support Color (soft blend between primary and neutral) */
	--tertiary: #335470;
	--tertiary-100: #446885;
	--tertiary-200: #5A7C97;
	--tertiary-300: #6D90AA;
	--tertiary--100: #2A4C66;
	--tertiary--200: #1F4059;
	--tertiary--300: #14354C;
  
	/* Quaternary / Neutral (Borders, Lines) */
	--quaternary: #C4C4C4;
	--quaternary-100: #D4D4D4;
	--quaternary-200: #E4E4E4;
	--quaternary-300: #F0F0F0;
	--quaternary--100: #B0B0B0;
	--quaternary--200: #9C9C9C;
	--quaternary--300: #888888;
  
	/* Dark (same as Primary for deep sections) */
	--dark: #004689;         /* matched new primary */
	--dark-100: #335D8B;     /* darker version */
	--dark-200: #264A73;
	--dark-300: #1A365B;
	--dark--100: #003066;
	--dark--200: #00214A;
	--dark--300: #00162D;
  
	/* Light (White Smoke and White) */
	--light: #FFFFFF;
	--light-100: #F5F5F5;
	--light-200: #FAFAFA;
	--light-300: #FFFFFF;
	--light--100: #FFFFFF;
	--light--200: #FDFDFD;
	--light--300: #FBFBFB;
  
	/* Inverse Text Colors */
	--primary-inverse: #FFFFFF;
	--secondary-inverse: #FFFFFF;
	--tertiary-inverse: #FFFFFF;
	--quaternary-inverse: #004689;
	--dark-inverse: #F5F5F5;
	--light-inverse: #004689;
  
	/* Greyscale (based on Soft Silver + Steel Gray blend) */
	--grey: #5A5A5A;
	--grey-100: #F5F5F5;
	--grey-200: #E5E5E5;
	--grey-300: #D5D5D5;
	--grey-400: #C4C4C4;
	--grey-500: #B4B4B4;
	--grey-600: #A4A4A4;
	--grey-700: #949494;
	--grey-800: #848484;
	--grey-900: #747474;
	--grey-1000: #5A5A5A;
  }
  