/* =====================================================================
   GP Reset — GeneratePress 길들이기 (재사용 부트스트랩 레이어)
   ---------------------------------------------------------------------
   GP 의 강한 기본값을 셀렉터마다 싸우지 않고 "뿌리"에서 무력화한다.
   핵심: GP 가 색을 칠할 때 쓰는 자기 CSS 변수(--base*/--contrast*/--accent)를
   우리 의미 토큰으로 다시 정의 → GP 의 모든 색 규칙이 자동으로 우리 팔레트로
   렌더된다. 새 블로그에선 tokens.css + 이 파일만 들고 가면 GP 가 우리 디자인
   시스템에 복종한다.
   ===================================================================== */

/* ── ① GP 색 변수 → 우리 의미 토큰 매핑 ───────────────────────────────
   GP 인라인 CSS 가 .site-header{background:var(--base-3)} 처럼 자기 변수로
   칠하므로, 변수만 우리 토큰으로 다시 정의하면 셀렉터 전쟁 없이 색이 통일된다. */
:root {
  --contrast:   var(--color-text);          /* 본문 텍스트  (GP 기본 #222) */
  --contrast-2: var(--color-text-soft);     /* 보조 텍스트  (GP 기본 #575760) */
  --contrast-3: var(--color-border-strong); /* 옅은 경계    (GP 기본 #b2b2be) */
  --base:       var(--color-border);        /* 경계/구분선  (GP 기본 #f0f0f0) */
  --base-2:     var(--color-bg);            /* 페이지 배경  (GP 기본 #f7f8f9) */
  --base-3:     var(--color-surface);       /* 카드/헤더/푸터 (GP 기본 #fff) */
  --accent:     var(--color-primary);       /* 링크/강조    (GP 기본 #1e73be) */
}

/* ── ② GP separate-containers 의 카드 배경/그림자 제거 ────────────────
   헤더/푸터/아카이브 헤더/글 카드는 우리 컴포넌트가 직접 디자인하므로
   GP 가 입히는 기본 배경·그림자·라운드를 걷어낸다. */
.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header,
.one-container .site-main {
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}

/* 단일 글·페이지: GP 콘텐츠 컨테이너 배경 제거(우리 .ts-single 카드 사용) */
.single .site-main,
.page .site-main { background: transparent; }

/* ── ③ GP 컨테이너 상단 여백 무력화 (모바일) ─────────────────────────
   GP 코어가 콘텐츠 컨테이너(.site-content)·메인(.site-main)에 주는 상단
   margin/padding 이 헤더 바로 아래 회색 띠로 보인다. 실제 DOM 은
   .site-content#content > .site-main#main (중간 래퍼 없음). ID 셀렉터로
   상단 여백을 0 으로 눌러 모든 템플릿에서 헤더에 콘텐츠가 밀착되게 한다. */
@media (max-width: 600px) {
  #content.site-content { padding-top: 0; }
  #main.site-main { margin-top: 0; padding-top: 0; }
  /* 단일 글·페이지: 카드가 흰 배경이라 컨테이너도 흰색으로 통일 */
  .single .site-content,
  .page .site-content { background: var(--color-surface); }
}