:root
{
	/*
	 * C O L O R S
	 * --------------------------------------------
	 */

	/* Primary */
	--primary1: #0F62FE;
	--primary1-20: #d2dded;
	--primary1-50: #87b0fe;
	--primary1-a70: rgba(15, 98, 254, 0.7);
	--primary1-a80: rgba(15, 98, 254, 0.8);
	--primary2: #0353e9;
	--primary3: #002d9c;

	/* Secondary */
	--secondary1: #00BAA1;

	/* Communication */
	--support-01: #da1e28;
	--support-02: #24a148;
	--support-03: #f1c21b;

	/* Gray */
	--ui-01: #FFFFFF;
	--ui-02: #f4f4f4;
	--ui-03: #e0e0e0;
	--G2: #BEBEBE; /* Gray 20 */
	--text-03: #A8A8A8;
	--text-02: #393939;
	--ui-05: #161616;
	--B: #000000;  /* Black */

	/* UI */
	--focus: #0f62fe;

	--text-01: #161616;
	--text-02: #393939;
	--text-03: #a8a8a8;
	--hover-ui: #E5E5E5;
	--ui-04: #8D8D8D;
	--active-ui: #c6c6c6;
	--active-secondary: #6f6f6f;
	--icon-01: #161616;
	--disabled-02: #c6c6c6;
	--disabled-03: #8d8d8d;

	/*
	 * T Y P O G R A P H Y
	 * --------------------------------------------
	 */
	--F1: "IBM Plex Sans", "Helvetica Neue", Helvetica, Tahoma, Arial, "MS UI Gothic", Gulim, SimSun, PMingLiU, Raghu8, "Arial Unicode MS", "Andale WT", sans-serif;
	--CAPTION: 12px;
	--BODY-S: 14px;
	--BODY: 16px;
	--HEADING-XS: 16px;
	--HEADING-S: 24px;
	--HEADING-M: 32px;
	--HEADING-L: 48px;
	--HEADING-XL: 64px;

	/*
	 * S P A C I N G
	 * --------------------------------------------
	 */
	--8XS: 8px;
	--16S: 16px;
	--24M: 24px;
	--32L: 32px;
	--48XL: 48px;
	--64XXL: 64px;
	--96XXXL: 96px;
}