@charset "utf-8";
@import url(../fonts/iconfont/common/iconfont.css);
@import url(../fonts/iconfont/sns/iconfont.css);
@import url(../fonts/iconfont/customer/iconfont.css);
@import url(../fonts/iconfont/arrow/iconfont.css);
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400..700;1,400..700&display=swap');

                
:root {
	/* 주 색상 : */
	--primary: #beaa84; 
	--primary-light: #e8e2dc; /* 주 색상의 밝은 톤 */
	--primary-dark: #c9bea9; /* 주 색상의 어두운 톤 */

	/* 보조 색상 : 선명한 대비 색, 강조 및 기능 구분용 */
	--success: #65719b; /* 선명한 그린 (성공) */
	--info: #232b48; /* 밝은 블루 (정보) */
	--warning: #f59e0b; /* 밝은 오렌지 (경고) */
	--danger: #ef4444; /* 밝은 레드 (위험) */
  --secondary: #75715e; /* 보조 색상 (조화를 이루는 톤) */
  --accent: #d4c19b; /* 강조 색상 (포인트용) */

	/* 중립 색상 : 콘텐츠를 또렷하고 가독성 있게 */
	--text-primary: #000000;
	--text-anti-primary: #FFFFFF; /* 깊은 그레이-블랙 (본문 텍스트) */
	--text-secondary: #64748b; /* 중간 그레이 (보조 텍스트) */
	--text-tertiary: #636363; /* 연한 그레이 (3차 텍스트) */

	/* 배경 색상 */
	--bg-primary: #ffffff; /* 화이트 (기본 배경) */
	--bg-secondary: #F0EDE8; 
	--bg-tertiary: #E2DCD2; 
	--bg-cancel:#afb4b9;
	
	/* 테두리 색상 */
	--border-primary: #EDE9E3; /* 연한 그레이 테두리 */
	--border-secondary: #cbd5e1; /* 중간 그레이 테두리 */

	/* 상호작용 상태 색상 */
	--hover-primary: #7c3aed; /* 주 색상 호버 (짙은 퍼플) */
	--active-primary: #5b21b6; /* 주 색상 활성 (어두운 퍼플) */
	--hover-success: #059669; /* 성공 색상 호버 */
	--hover-warning: #d97706; /* 경고 색상 호버 */
	--hover-danger: #dc2626; /* 위험 색상 호버 */
	--hover-info: #2563eb; /* 정보 색상 호버 */

	/* 특수 요소 색상 */
	--disabled: #cbd5e1; /* 비활성 상태 색상 */
	--placeholder: #94a3b8; /* 플레이스홀더 텍스트 색상 */
	--shadow: rgba(99, 102, 241, 0.1); /* 그림자 색상 (주 색상의 투명 톤) */
}