@charset "utf-8";

/****************************************************
	페어 스킨 → 아보카도(Wonderland 블루) 색상 매핑
	라공에디션의 색상 변수를 이 사이트 테마에 연결합니다.
*****************************************************/
:root {
	--primary-color:      var(--wl-blue, #4a86d8);
	--accent-color:       var(--wl-deep, #2f63b8);
	--id-accent-color:    var(--wl-deep, #2f63b8);
	--btn-primary-bg:     var(--wl-blue, #4a86d8);
	--btn-primary-text:   #ffffff;

	--content-font-color: var(--wl-ink, #34558a);
	--container-bg-color: var(--wl-paper, #fafdff);
	--card-bg-color:      var(--wl-paper, #fafdff);
	--form-border-color:  var(--wl-line, #b9d3f3);
	--form-border-radius: 0px;

	--white: #ffffff;
	--black: #1f2d4a;
	--gray-50:  #eaf3fd;
	--gray-300: #b9d3f3;
	--gray-400: #9fbde6;
	--gray-500: #7b95bd;
	--gray-600: #5b78a6;
	--gray-700: #34558a;
	--gray-800: #2a4470;
}

/* 사이트 링크 색이 스킨 버튼 글자를 덮지 않도록 */
#wl-content .cfrm-btn-primary,
#wl-content a.cfrm-btn-primary { color: var(--btn-primary-text); }

/* 사이트 기본 CSS(select/input 높이 30px 고정)에 글자가 잘리던 문제 수정 */
#wl-content .cfrm-input,
#wl-content .cfrm-select,
#wl-content .cfrm-textarea {
	height: auto;
	min-height: 40px;
	line-height: 1.4;
	box-sizing: border-box;
	font-size: 14px;
}
#wl-content .cfrm-select { padding-right: 30px; }