/* ================================================
   BRAND PUBLIC — 이식 보정 레이어 (원본에 없던 파일)
   ================================================

   원본에서 BP 디자인은 부모 테마(UiCore)가 깔아주는 베이스 위에 얹혀 있었다.
   워드프레스를 걷어내면서 그 베이스가 사라졌으므로, 실제로 BP 가 의존하던 것만
   되살린다.

   ⚠️ 여기 값은 전부 운영 사이트(brandpublic.co.kr)의 계산된 스타일을 반복 측정해
      확인한 것이다. 추측으로 추가하지 말 것 — BP 자체 규칙이 이미 이기고 있는
      속성을 여기서 선언하면 오히려 원본과 달라진다.

   핵심: UiCore 타이포그래피는 body 가 아니라 래퍼(.uicore-body-content → bp-content)
   에 적용되고, 모든 콘텐츠가 거기서 상속받는다. body 자신은 BP 의 .bp-page 규칙이
   이겨서 400/#0a0a0a/1.6 으로 남는다. 원본의 상속 체인:

       body                    Pretendard, sans-serif  w=400  #0a0a0a  ← BP 가 이김
       └ .uicore-body-content  Pretendard              w=500  #505050  ← UiCore
         └ (모든 콘텐츠가 상속)

   셀렉터 특정도를 UiCore 와 동일하게 (0,1,0)/(0,0,1) 로 맞춘 이유:
   BP 자체 규칙(.hero-title 등)이 원본에서처럼 계속 이겨야 하기 때문이다.
   ================================================ */

/* uicore-global.css: body,html { margin:0; position:relative }
   letter-spacing 은 UiCore 가 body 에도 거는 값이다. BP 는 선언하지 않아 그대로 적용된다. */
body {
    margin: 0;
    position: relative;
    box-sizing: border-box;
    letter-spacing: -0.025em;
}

/* uicore-global.css: .uicore-body-content { position:relative; width:100%; max-width:100vw; background-color:#FFF }
   + p 타이포그래피 변수 (--uicore-typography--p-*) 가 이 래퍼에 적용된다:
     p-f: Pretendard   p-w: 500   p-h: 1.75   p-ls: -.025em   p-c: #505050   p-s: 16px */
.bp-content {
    position: relative;
    width: 100%;
    max-width: 100vw;
    background-color: #fff;

    font-family: "Pretendard";
    font-size: 16px;
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: -0.025em;
    color: #505050;
}

/* 제목 타이포그래피 — uicore-global.css 의 --uicore-typography--h{1..6}-* 값.
   BP 가 규칙을 가진 곳(.hero-title 90px, .section-title 42px 등)은 특정도 (0,1,0) 으로
   여기(0,0,1)를 이기므로 원본대로 유지되고, BP 규칙이 없는 제목(예: /about/ 의 h1)만
   이 값을 받는다. 원본의 동작과 동일하다.
   공통: font-family Pretendard, weight 700, letter-spacing -.025em, color #111111 */
h1, h2, h3, h4, h5, h6 {
    font-family: "Pretendard";
    font-weight: 700;
    letter-spacing: -0.025em;
    color: #111111;
}

h1 { font-size: 64px; line-height: 1.2; }
h2 { font-size: 48px; line-height: 1.3; }
h3 { font-size: 24px; line-height: 1.3; }
h4 { font-size: 28px; line-height: 1.3; }
h5 { font-size: 24px; line-height: 1.4; }
h6 { font-size: 20px; line-height: 1.5; }