@charset "utf-8";

:root {
	--color-primary: #5400FF;							/* 대표 색상 */
	--color-secondary: #0D0029;							/* 대표(두번째) 색상 */
	--color-tertiary: #00D2A0;							/* 대표(세번째) 색상 */	
	--color-text: #222;									/* 글짜 기본 색상 */
	--color-text-date: #8C8B91;							/* 글짜 날짜 색상 */
	--color-text-deep: #B8B6C2;							/* 글짜 1단계 진한 색상 */
	--color-text-deeper: #8A898D;						/* 글짜 2단계 진한 색상 */
	--color-text-deepest: #000;							/* 글짜 가장 진한 색상 */
	--color-text-keyword: #2e293a;						/* 글짜 키워드 색상 */
	--color-text-lightest: #fff;						/* 글짜 가장 밝은 색상 */
	--color-background-primary: #E1DFE9;				/* 대표(기본) 배경색상 */
	--color-background-secondary: #fff;					/* 대표(두번째) 배경색상 */
	--color-background-keyword: #f6f2ff;				/* 키워드 배경색상 */
	--color-icon-fill-primary: #5400FF;					/* 아이콘 대표 색상 */
	--color-icon-fill-lightest: #B8B6C2;				/* 아이콘 가장 밝은 색상 */
	--color-icon-fill-star: #00D2A0;					/* 아이콘 가장 밝은 색상 */
	--color-border: #DBD9E1;							/* 기본 보더 색상 */
	--color-border-deep: #E1DFE9;						/* 1단계 어두운 보더 색상 */
	--color-border-lightest: #EEEBF3;					/* 가장 밝은 보더 색상 */
	--color-button-background: #5400FF;					/* 버튼 배경 색상 */
	--color-button-background-hover: #5400FF;			/* 버튼 배경 hover 색상 */
	--color-button-background-focus: #5400FF;			/* 버튼 배경 focus 색상 */
	--color-button-background-active: #5400FF;			/* 버튼 배경 active 색상 */
	--color-button-background-secondary:#E1DFE9;		/* 버튼 배경(두번째) 색상 */
	--color-button-background-secondary-hover:#E1DFE9;	/* 버튼 배경(두번째) hover 색상 */
	--color-button-background-secondary-focus:#E1DFE9;	/* 버튼 배경(두번째) focus 색상 */
	--color-button-background-secondary-active:#E1DFE9;	/* 버튼 배경(두번째) active 색상 */
	--color-button-border: #5400FF;						/* 버튼 border 색상 */
	--color-button-border-hover: #5400FF;				/* 버튼 border hover 색상 */
	--color-button-border-focus: #5400FF;				/* 버튼 border focus 색상 */
}