@charset "utf-8";

:root {
	--point-color-01: 181, 212, 37;	/* #fce10c */
	--point-color-02: 175, 195, 7;	/* #ffb400 */
	--point-color-03: 188, 218, 45;	/* #ffc600 */

	/* orange */
	--point-color-04: 255, 111, 0;	/* #ff6f00 */

	/* hover darker point color */
	--point-color-07: 153, 107, 0;	/* #996B00 */
	--point-color-08: 180, 89, 14;	/* #B4590E */
	--point-color-14: 104, 75, 19;	/* #684b13 */
	--point-color-15: 93, 52, 15;		/* #5d340f */

	/* blue */
	--point-color-05: 40, 95, 186;	/* #285fba */
	--point-color-06: 7, 72, 121;		/* #084879 */
	--point-color-09: 29, 80, 189;	/* #1d50bd */
	--point-color-16: 20, 56, 141;	/* #14388d */

	/* light blue gray */
	--point-color-10: 240, 242, 246;/* #f0f2f6, #f3f3f5, #eaebef, #eef0f3, #f8f9fa */
	--point-color-11: 65, 65, 69;		/* #414145 */

	--point-color-12: 169, 173, 185;	/* #a9adb9 */
	--point-color-13: 207, 209, 211;		/* #cfd1d3 */
	
	--point-color-14: 110, 120, 50;		/* #6e7832 */
}
	
/* 컬러 변수 규칙
	RGB 규칙 : 000, 000, 000 : 콤마 뒤에는 항상 한 칸으 띄워서 입력
	색상값은 
	단일 컬러면 rgb(___);
	알파값을 가지고 있으면 rgba(___, 0.5);
	
	예: color: rgb(var(--point-color-10)); 
	예: color: rgba(var(--point-color-10), 0.5); 
}
*/