/* =========================================================================
   「창업의 모든 것」(창모) — 기존 3단 셸(portal · community · mypage)을
   허브 다크 톤에 맞추는 다리
   assets/hub-legacy.css

   왜 필요한가
     랜딩 · /fund/ · /guide/ · /tools/ 는 hub.css 의 --cm-* 다크 토큰만 읽는다.
     반면 /feed/ · /my/ · /mileage/ 는 3단 그리드 · 중 위젯 · 우 레일 · 카드
     껍데기를 portal.css 가, 본문 조각을 community.css · mypage.css 가 그린다.
     이 세 시트는 style.css 의 **밝은** 토큰(--ink · --line · --offwhite …)과
     portal.css 의 별칭(--pt-*)을 읽는다. 셸만 다크로 바꾸면 어두운 헤더 아래
     흰 카드가 뜬다.

   이 파일이 하는 일은 하나다 — **토큰의 값만 다크로 바꿔 끼운다.**
     구조 · 여백 · 글자 크기 · 클래스 이름은 한 줄도 건드리지 않는다.
     색값 자체는 여기서 새로 만들지 않고 전부 hub.css 의 --cm-* 를 가리킨다.
     색을 고칠 일이 생기면 hub.css 한 곳만 고치면 된다.

   ── 왜 :root 인가 (이 파일에서 가장 틀리기 쉬운 지점) ─────────────────────
   portal.css 는 :root 에서 `--pt-ink:var(--ink,#191919)` 처럼 별칭을 만든다.
   커스텀 속성은 **선언된 요소에서 값이 계산되고**, 자손은 계산된 값을 물려받는다.
   그래서 body 에 --ink 를 덮어써도 :root 에서 이미 계산된 --pt-ink 는 밝은
   값 그대로 남는다. 두 벌(--*, --pt-*)을 **모두 :root 에서** 덮어야 한다.

   로드 순서 : style.css → hub.css → portal.css → community.css / mypage.css
               → **hub-legacy.css (맨 마지막)**
   ========================================================================= */

:root{
  /* ── style.css 의 밝은 토큰 → 다크 ──────────────────────────────────────
     이름(--ink · --offwhite)은 밝은 화면 시절의 것이라 값과 어긋난다.
     이름을 바꾸면 세 시트의 참조 수백 곳을 함께 고쳐야 하므로 값만 바꿨다.
     역할로 읽어라 — ink=본문 글자, line=경계, offwhite=한 단계 밝은 면.     */
  --navy:var(--cm-accent);        /* 강조 면 · 4px 강조선 · 반전 카드 바닥 */
  --navy2:var(--cm-accent-dk);    /* 그 면의 눌림 · 호버 */
  --navy-deep:var(--cm-bg);
  --accent:var(--cm-accent);      /* 면 · 테두리 — 값 그대로(#2E6BFF) */
  --accent-dark:var(--cm-accent-dk);
  --accent-soft:var(--cm-accent-soft);
  --ink:var(--cm-txt);            /* 본문 1 */
  --ink2:var(--cm-txt-2);         /* 본문 2 */
  --mut:var(--cm-mut);            /* 보조 */
  --mut2:var(--cm-dim);           /* 흐림 · 비활성 · 가장 작은 고지 */
  --line:var(--cm-edge);          /* 면과 면 사이 1px */
  --offwhite:var(--cm-surf-2);    /* 한 단계 밝은 면 — 칩 · 옅은 박스 */
  --err:var(--cm-err);            /* 빨강은 오류 표시에만 */

  /* ── portal.css 의 별칭 → 다크 (위 설명대로 여기서 다시 덮는다) ───────── */
  --pt-navy:var(--cm-accent);
  --pt-navy2:var(--cm-accent-dk);
  --pt-accent:var(--cm-accent);
  --pt-accent-dark:var(--cm-accent-dk);
  --pt-ink:var(--cm-txt);
  --pt-mut:var(--cm-mut);
  --pt-mut2:var(--cm-dim);
  --pt-line:var(--cm-edge);
  --pt-offwhite:var(--cm-surf-2);
  --pt-err:var(--cm-err);
  --pt-on-navy:#FFFFFF;           /* 파란 면 위 글자 */
}

/* ── 페이지 바닥 ───────────────────────────────────────────────────────────
   body.cm_body(community.css) · body.pg(mypage.css) 도 다크로 정리해 두었다.
   여기 한 줄은 그 두 규칙이 어느 순서로 오든 바닥이 흔들리지 않게 하는 못이다.
   요소 셀렉터를 전역으로 건드리지 않기 위해 body.hub-body 로만 건다.          */
body.hub-body{
  background:var(--cm-bg);
  color:var(--cm-txt);
}

/* 3단 그리드의 셸 기준 글자는 14px 그대로 둔다(.hub-body 의 16px 이 아니다). */
.hub-body .pt-wrap{color:var(--cm-txt);}

/* [WIN0827 공유시트] 본문 열만 16px 로 올린다.
   같은 사이트인데 /feed/ · /my/ · /mileage/ 세 창의 본문만 14px 이라 작게 읽혔다.
   위젯(.pt-side)과 레일(.pt-rail)은 13~14px 그대로 둔다 — 그 둘은 보조 열이라
   본문보다 작은 것이 맞고, .pt-wrap 의 --pt-fz(14px)를 그대로 물려받는다.
   되돌리려면 이 한 줄을 지운다. */
.hub-body .pt-main{font-size:16px;}

/* ── 어두운 바닥 위 파란 「글자」 ──────────────────────────────────────────
   #2E6BFF 는 #1A1C20 위에서 3.8:1 이라 16px 이하 글자에 못 쓴다(hub.css 주석).
   면 · 테두리로 쓰는 --accent 는 그대로 두고, **글자로 쓰는 자리만** 옅은
   파랑(#8FB4FF)으로 올린다. 세 시트에서 color: 로 파랑을 쓰던 자리는 이미
   var(--cm-accent-soft) 로 바꿔 두었고, 아래 두 줄은 남은 링크 색이다.      */
.hub-body .pt-rail__note a,
.hub-body .cm_axis{color:var(--cm-accent-soft);}

/* 리터럴로 박혀 있던 밝은 값(흰 카드 바닥 · #EEF3FF 선택 칩 · 밝은 화면
   기준의 모달 뒷막 · 흰 사진 자리)은 이 파일에서 덮지 않고 세 시트에서
   직접 --cm-* 로 바꿨다. 같은 값을 두 곳에서 관리하지 않기 위해서다. */