/* ============================================================
   TOKENS — 색상 변수 / 폰트 / 사이즈 / 라이트모드 강제 / 리셋 / 베이스
   짱한의원 공용 (17개 페이지 공통)
   ============================================================ */

:root {
  color-scheme: only light;
  forced-color-adjust: none;

  --magenta: #C8005E;        /* 살짝 가라앉힌 마젠타 핑크 */
  --magenta-deep: #9E0049;   /* 호버용 딥 마젠타 */
  --magenta-soft: #FBE8F0;   /* 아주 옅은 핑크 배경 */
  --charcoal: #1A1A1A;
  --ink: #2D2D2D;            /* 본문, 살짝 따뜻하게 */
  --gray-700: #3D3D3D;
  --gray-500: #8A8A8A;
  --gray-300: #D4D4D4;
  --gray-100: #EEEEEE;
  --gray-50: #F7F6F4;        /* 따뜻한 오프화이트 */
  --white: #FDFDFC;          /* 살짝 따뜻한 화이트 */

  --font-kr: 'Pretendard Variable', Pretendard, -apple-system, sans-serif;
  --font-en: 'Fraunces', Georgia, serif;

  --max: 1240px;
  --pad: clamp(20px, 4vw, 56px);

  --fs-body: 17px;
  --fs-body-lg: 18px;
  --lh-body: 1.75;
}

/* 인앱 뷰어/iOS 다크모드 강제 변환 차단 */
html {
  background-color: #FDFDFC !important;
  color-scheme: only light !important;
}
body {
  background-color: #FDFDFC !important;
  color: #2D2D2D !important;
}
@media (prefers-color-scheme: dark) {
  :root { color-scheme: light only !important; }
  html, body {
    background-color: #FDFDFC !important;
    color: #2D2D2D !important;
    filter: none !important;
  }
}

/* Reset + base */
* { margin: 0; padding: 0; box-sizing: border-box; }
html {
  scroll-behavior: smooth;
  font-size: 16px;
  background: #FDFDFC !important;
}
body {
  font-family: var(--font-kr);
  color: var(--ink) !important;
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "ss03", "ss04";
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button { font-family: inherit; cursor: pointer; border: none; background: none; }

.container {
  max-width: var(--max);
  margin: 0 auto;
  padding: 0 var(--pad);
}