@charset "utf-8";

/*------------------------------------*\
	VARIABLES
	- 디자인 토큰 (색상, 타이포그래피, 레이아웃)
\*------------------------------------*/

:root {
	/* 색상 - 텍스트 */
	--color-default: #333;
	--color-main: #1c1c1c;
	--color-gray-1: #555;
	--color-gray-2: #888;

	/* 색상 - 브랜드 / 상태 */
	--color-primary: #e93c38;
	--color-primary-hover: #cf3531;
	--color-border: #ddd;
	--color-hover: #f3f3f3;
	--color-selected: #333;

	/* 색상 - 지점 유형 */
	--color-center: #3c76ff;
	--bg-center: #e8efff;
	--color-room: #10b341;
	--bg-room: #e2f6e8;
	--color-office: #7395ab;
	--bg-office: #e7eff4;

	/* 타이포그래피 */
	--txt-heading: 18px;
	--txt-body-1: 15px;
	--txt-body-2: 14px;
	--txt-body-3: 13px;
	--txt-caption: 12px;

	/* 효과 */
	--box-shadow: 0 8px 8px 0 rgb(0 0 0 / 10%);

	/* 레이아웃 */
	--page-max-width: 768px;
	--header-height: 55px;
}