/*
Theme Name: HealthBeauty
Theme URI: https://healthbeautytips.net/
Author: HealthBeautyTips
Author URI: https://healthbeautytips.net/
Description: 헬스·뷰티 매거진용 독립형 워드프레스 테마. Magzin 디자인의 결을 코드로 재현했으며, 관리자에서 애드센스 광고 위치를 켜고 끌 수 있습니다. Elementor·외부 페이지빌더 의존성 없음.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: healthbeauty
Tags: blog, news, magazine, two-columns, right-sidebar, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* ============================================================
   디자인 토큰 (현재 Magzin 사이트에서 추출)
   ============================================================ */
:root {
	/* 폰트 — 하이닥풍 한국어 뉴스 (Noto Sans KR) */
	--hb-font-body: "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
	--hb-font-head: "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
	--hb-font-serif: "Noto Sans KR", Georgia, serif;

	/* 중성 팔레트 */
	--hb-50:  #f7f8f9;
	--hb-100: #eaecee;
	--hb-200: #e5e7eb;
	--hb-300: #d1d5db;
	--hb-400: #a7aaaf;
	--hb-500: #75787d;
	--hb-600: #626568;
	--hb-700: #2a2b2c;
	--hb-800: #1a1b1c;
	--hb-900: #0e0e0f;

	/* 액센트 (하이닥 브랜드 레드 + 스카이블루 보조) */
	--hb-accent:       #ad1724;
	--hb-accent-dark:  #8a121c;
	--hb-accent-soft:  #fbeaec;
	--hb-blue:         #01b1ff;
	--hb-blue-dark:    #018ecc;

	/* 의미 색 */
	--hb-bg:        #ffffff;
	--hb-bg-soft:   #f8f5f0;
	--hb-text:      var(--hb-900);
	--hb-muted:     var(--hb-600);
	--hb-border:    var(--hb-200);
	--hb-link:      var(--hb-900);
	--hb-link-hover:var(--hb-accent);

	/* 타입 스케일 */
	--hb-fs-1: 40px;
	--hb-fs-2: 32px;
	--hb-fs-3: 28px;
	--hb-fs-4: 24px;
	--hb-fs-5: 20px;
	--hb-fs-6: 16px;
	--hb-fs-7: 14px;
	--hb-fs-8: 12px;

	/* 레이아웃 */
	--hb-container: 1200px;
	--hb-gap: 32px;
	--hb-radius: 12px;
	--hb-radius-sm: 8px;
	--hb-shadow: 0 1px 2px rgba(14,14,15,.04), 0 8px 24px rgba(14,14,15,.06);
	--hb-shadow-hover: 0 4px 12px rgba(14,14,15,.08), 0 16px 40px rgba(14,14,15,.10);
	--hb-header-h: 72px;
}

/* ============================================================
   리셋 / 기본
   ============================================================ */
*, *::before, *::after { box-sizing: border-box; }

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

body {
	margin: 0;
	font-family: var(--hb-font-body);
	font-size: var(--hb-fs-6);
	line-height: 1.6;
	color: var(--hb-text);
	background: var(--hb-bg);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

img, svg, video { max-width: 100%; height: auto; display: block; }
img { border-radius: inherit; }

a { color: var(--hb-link); text-decoration: none; transition: color .15s ease; }
a:hover { color: var(--hb-link-hover); }

h1, h2, h3, h4, h5, h6 {
	font-family: var(--hb-font-head);
	line-height: 1.2;
	color: var(--hb-900);
	margin: 0 0 .5em;
	font-weight: 700;
	letter-spacing: -0.01em;
}

p { margin: 0 0 1.2em; }

ul, ol { margin: 0 0 1.2em; padding-left: 1.4em; }

blockquote {
	margin: 1.6em 0;
	padding: .4em 0 .4em 1.2em;
	border-left: 3px solid var(--hb-accent);
	color: var(--hb-700);
	font-style: italic;
}

code, pre { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
pre { background: var(--hb-50); padding: 1em; border-radius: var(--hb-radius-sm); overflow:auto; }

hr { border: 0; border-top: 1px solid var(--hb-border); margin: 2em 0; }

.screen-reader-text {
	position: absolute !important;
	width: 1px; height: 1px;
	padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0,0,0,0);
	white-space: nowrap; border: 0;
}

.hb-skip-link {
	position: absolute; left: -9999px; top: 0; z-index: 1000;
	background: var(--hb-900); color: #fff; padding: 10px 16px; border-radius: 0 0 8px 0;
}
.hb-skip-link:focus { left: 0; color: #fff; }