@charset "utf-8";
@import url('../../font/font.css');
@import url('../../cms/css/component.css');
@import url('../../cms/css/animate.css');
@import url('contents.css');

/* 공통 레이아웃 기본 */
/* 공통 레이아웃 기본 - 소프트 민트 테마 */
/* 공통 레이아웃 기본 - 소프트 민트 테마 */
:root {
/* 	--intro-bg-base: #D3F3F4; */
	--intro-bg-base: #BDE7E7;
	--intro-spot-pink: #8EBFB5;
	--intro-spot-soft: #A9D1C9;
	--intro-spot-blur: #C5E2DC;
	--intro-text-title: #3A4744;
	--intro-text-sub: #687572;
	
	--intro-mink-bg-base: #e8ceb7;
	--intro-mink-spot-pink: #EBADAC;
	--intro-mink-spot-soft: #F2C2C1;
	--intro-mink-spot-blur: #EACCC9;
	--intro-mink-text-title: #4E413B;	
	--intro-mink-text-sub: #7A6D66;
	

	/* [신규 추가] 헤더 전용 독립 컬러 구조 */
	--header-bg: rgba(255, 255, 255, 0.65);
	--header-border: rgba(58, 71, 68, 0.06);
	--header-shadow: rgba(58, 71, 68, 0.02);
}

[data-theme='dark'] {
	--intro-bg-base: #1E2624;
	--intro-spot-pink: #3D5C55;
	--intro-spot-soft: #2D4741;
	--intro-spot-blur: #243834;
	--intro-text-title: #E1ECE9;
	--intro-text-sub: #A8B5B2;
	
	--intro-mink-bg-base: #242220;
	--intro-mink-spot-pink: #7A5352;
	--intro-mink-spot-soft: #634645;
	--intro-mink-spot-blur: #4E3937;
	--intro-mink-text-title: #EFE4DC;
	--intro-mink-text-sub: #C2B5AD;
	
	--header-bg: rgba(30, 38, 36, 0.75);
	--header-border: rgba(225, 236, 233, 0.08);
	--header-shadow: rgba(0, 0, 0, 0.2);
}

body { display: flex; flex-direction: column; min-height: 100vh; background-color: var(--intro-bg-base); overflow-x: hidden; }
body.modal-open { overflow: hidden !important; touch-action: none; }
.modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }
.dropdown-content li>a, .dropdown-content li>span { color: var(--gray-400) !important; }
/* 드래그 방지 */
.prevent-drag {
	-webkit-user-select: none;	/* Safari */
	-moz-user-select: none;		/* Firefox */
	-ms-user-select: none;		/* IE10+ */
	user-select: none;			/* 표준 속성: 텍스트 드래그 선택 방지 */
	-webkit-user-drag: none;	/* 요소 자체 드래그 방지 */
}