/* Mentor base and theme variables v1.2.0 */

:root {
	/* 관리자 색상 템플릿이 치환하는 전역 테마 변수입니다. */
	--ml-primary: #b65f43;
	--ml-primary-deep: #8f422f;
	--ml-primary-soft: #fbf0eb;
	--ml-primary-light: #efb29d;
	--ml-primary-pale: #f7ddd3;
	--ml-primary-line: #e9c5b8;
	--ml-primary-bright: #e98b6b;
	--ml-primary-tint: #fdf7f4;
	--ml-primary-ink: #5b382d;
	--ml-primary-rgb: 182, 95, 67;
	--ml-primary-bright-rgb: 233, 139, 107;

	--ml-hero-start: #241512;
	--ml-hero-mid: #3a211b;
	--ml-hero-end: #573027;
	--ml-standard-start: #231713;
	--ml-standard-mid: #38231c;
	--ml-standard-end: #4d2d23;
	--ml-cta-start: #8f422f;
	--ml-cta-end: #713023;

	--ml-photo-light: #f1ded7;
	--ml-photo-mid: #aa8274;
	--ml-photo-mid-dark: #886256;
	--ml-photo-deep: #674337;

	--ml-navy: #30231f;
	--ml-dark: #2b211e;
	--ml-text: #5d514d;
	--ml-muted: #7a6f6b;
	--ml-line: #ece3df;
	--ml-line-rgb: 236, 227, 223;
	--ml-card-line: #f0e8e4;
	--ml-surface-soft: #faf8f7;
	--ml-number-soft: #efe5e1;
	--ml-connector: #dec6bd;
	--ml-date: #9d918c;
	--ml-bg: #faf7f5;
	--ml-white: #fff;
	--ml-black: #000;
	--ml-white-rgb: 255, 255, 255;
	--ml-black-rgb: 0, 0, 0;
	--ml-shadow-rgb: 55, 40, 34;
	--ml-radius: 28px;
	--ml-shadow: 0 24px 70px rgba(var(--ml-shadow-rgb), .1);

	/* head.php, tail.php, 공통 페이지에서 사용하는 표면 변수 */
	--ml-surface: var(--ml-white);
	--ml-surface-glass: rgba(var(--ml-white-rgb), .86);
	--ml-surface-glass-strong: rgba(var(--ml-white-rgb), .94);
	--ml-footer-bg: var(--ml-hero-start);
	--ml-footer-text: rgba(var(--ml-white-rgb), .78);
	--ml-footer-muted: rgba(var(--ml-white-rgb), .58);
	--ml-footer-line: rgba(var(--ml-white-rgb), .12);
	--ml-footer-panel: rgba(var(--ml-white-rgb), .06);
	--ml-overlay: rgba(var(--ml-black-rgb), .72);
	--ml-kakao: #fee500;
	--ml-kakao-text: #191919;
	--ml-success: #07875d;
	--ml-success-soft: #eaf8f1;
	--ml-danger: #dc2626;
	--ml-danger-soft: #fef2f2;

	/* 기존 공통 CSS 호환 변수 */
	--blue: var(--ml-primary);
	--blue2: var(--ml-primary-deep);
	--blue-soft: var(--ml-primary-soft);
	--orange: #d9823f;
	--orange2: #b8662e;
	--orange-soft: #fff4e8;
	--orange-rgb: 217, 130, 63;
	--navy: var(--ml-navy);
	--navy2: var(--ml-hero-start);
	--dark: var(--ml-dark);
	--text: var(--ml-text);
	--muted: var(--ml-muted);
	--line: var(--ml-line);
	--bg: var(--ml-bg);
	--white: var(--ml-white);
	--shadow: var(--ml-shadow);
	--radius: var(--ml-radius);
}

/* 루시드 아이콘 변환 전 자리 확보 */
i[data-lucide] {
	display: inline-block;
	width: 1em;
	height: 1em;
	flex: 0 0 auto;
	vertical-align: -0.125em;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
	-webkit-text-size-adjust: 100%;
}

@font-face {
	font-family: "Pretendard Variable";
	font-style: normal;
	font-weight: 45 920;
	font-display: block;
	src: url("../fonts/PretendardVariable.woff2") format("woff2-variations");
}

body {
	margin: 0;
	color: var(--dark);
	background: var(--bg);
	font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
	line-height: 1.55;
	word-break: keep-all;
	letter-spacing: -.02em;
}

a {
	color: inherit;
	text-decoration: none;
}

ul,
li {
	margin: 0;
	padding: 0;
	list-style: none;
}

img {
	display: block;
	max-width: 100%;
}

button,
input,
select,
textarea {
	font: inherit;
}

button {
	cursor: pointer;
}

.sr-only {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
	border: 0 !important;
}