/*
 * Barog Journal EN — 토큰
 * 00_공통.md 2장 공통값 전체 + en_영어.md 2장 영어 값(★).
 * 공통값이 바뀌면 00_공통.md 변경 이력을 보고 여기에 반영합니다.
 */

@font-face {
	font-family: "Newsreader";
	src: url("../fonts/newsreader-500.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

/* 본문: Pretendard Std (한글 제외 라틴 전용판, 가변 굵기) — 영어 사이트라 한글 글리프 불필요 */
@font-face {
	font-family: "Pretendard Variable";
	src: url("../fonts/pretendard-std-variable.woff2") format("woff2-variations");
	font-weight: 45 920;
	font-style: normal;
	font-display: swap;
}

:root {
	/* 2-1 컬러 (6개 언어 공통) */
	--color-bg: #FAFAF9;
	--color-surface: #F1F1EF;
	--color-text: #1A1A1A;
	--color-text-muted: #5E5E5C;
	--color-border: #E3E3E0;
	--color-accent: #7A5D00;
	--color-link: #7A5D00;
	--color-cta-bg: #FFCC00;
	--color-cta-text: #111111;
	--color-cta-hover: #F2C200;
	--color-btn2-bg: #FFFFFF;                /* 보조 버튼(Messenger·Instagram·공식 사이트·지도) 흰 바탕, 테두리 없음 (11/13) */
	--color-btn2-hover: #F2F2F0;             /* hover·누름: 대표 버튼처럼 살짝 어둡게 */
	--btn2-shadow: 0 1px 3px rgb(0 0 0 / .08); /* 테두리 대신 아주 옅은 그림자 — 회백색 바탕에서 버튼 윤곽이 보이게 */
	--color-answer-bg: #FFF7DB;
	--color-notice-bg: #EDEDEB;
	--color-focus: #7A5D00;

	/* 2-2 타이포 */
	--font-body: "Pretendard Variable", Pretendard, system-ui, -apple-system, "Segoe UI", sans-serif;
	--font-heading: "Newsreader", Georgia, "Times New Roman", serif; /* ★ */
	--fs-base: 17px;
	--fs-xs: 12px;                           /* ★ */
	--fs-sm: 15px;
	--fs-lg: 21px;                           /* ★ */
	--fs-xl: 26px;                           /* ★ */
	--fs-2xl: clamp(26px, 4vw, 34px);        /* ★ */
	--fs-3xl: clamp(32px, 6vw, 48px);        /* ★ */
	--lh-body: 1.6;
	--lh-heading: 1.15;                      /* ★ */
	--fw-regular: 400;
	--fw-semibold: 600;
	--fw-bold: 700;
	--label-transform: uppercase;            /* ★ */
	--label-spacing: 0.08em;                 /* ★ */

	/* 2-3 간격·레이아웃 */
	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-5: 24px;
	--space-6: 32px;
	--space-7: 48px;
	--space-8: 64px;
	--space-section: 64px;                   /* ★ 모바일 */
	--container-max: 1240px;
	--content-max: 720px;
	--container-pad: 20px;
	--header-h: 62px;
	--aside-w: 320px;

	/* 2-4 모양 */
	--radius-sm: 4px;
	--radius-md: 8px;
	--radius-lg: 16px;
	--card-radius: 2px;                      /* ★ */
	--button-radius: 999px;
	--card-shadow: none;
	--card-shadow-hover: none;               /* ★ hover는 이미지 1.03 확대 */
	--card-image-ratio: 3 / 2;               /* ★ */
	--border-width: 1px;

	/* 2-5 움직임 */
	--duration-fast: 220ms;
	--duration-slow: 600ms;
	--ease: cubic-bezier(.22, .61, .36, 1);

	/* 2-6 레이어 */
	--z-header: 100;
	--z-sticky-cta: 200;
}

@media (min-width: 600px) {
	:root { --container-pad: 40px; }
}

@media (min-width: 960px) {
	:root {
		--space-section: 96px;               /* ★ */
		--header-h: 76px;
	}
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--duration-fast: 0ms;
		--duration-slow: 0ms;
	}
}