/* =====================================================================
   blog-light.css — 게임 우주테마 단편(결정·게임역사 가이드) 라이트 override
   ---------------------------------------------------------------------
   그룹 A 단편들은 게임 홈과 같은 다크 우주 테마(`:root{--dark:#0A0A1A}`,
   네온 액센트, 흰 텍스트, 별 배경)를 inline 으로 복제해 쓴다. 이 글들의
   inline <style> "뒤에" 이 시트를 로드해, 같은 selector + !important 로
   다크 색을 라이트 종이로 덮는다. (daily.css 가 데일리 글을 덮는 것과 동일
   원리). blog-theme.css 와 같은 라이트 종이 팔레트(자립 hex).
   2026-06-21 블로그 라이트 전환 — 147편 다크 단편 작업.
   ===================================================================== */

/* 다크 테마 변수 라이트 재정의 (var() 쓰는 inline 규칙 자동 반영).
   그룹 A(게임테마 --dark/--primary), 그룹 B(daily풍 --bg/--text),
   그룹 C(spacex --bg/--txt + 인포그래픽 색) 변수를 한 곳에 모아 덮는다. */
:root{
  /* 그룹 A — 게임 우주테마 */
  --primary:#C2540C; --secondary:#1F6FB2; --accent:#1A6E55;
  --danger:#B23046; --success:#1A6E55; --dark:#FBFAF6;
  /* 표면 (B/C 공통) */
  --bg:#FBFAF6; --surface:#FFFFFF; --bg-card:#FFFFFF; --bg-soft:#F4F1E9;
  --border:#E7E2D6; --line:#E7E2D6;
  /* 텍스트 (B=text, C=txt) */
  --text:#20242B; --txt:#20242B; --ink:#20242B;
  --text-dim:#6B727D; --txt-dim:#6B727D; --ink-soft:#434A54; --txt-mute:#8A909C; --ink-mute:#8A909C;
  /* 강조·방향 */
  --gold:#8A6D12; --star:#8A6D12; --warn:#92590F; --falcon:#92590F;
  --red:#B23046; --bear:#B23046; --starship:#B23046;
  --bull:#1A6E55; --gov:#1A6E55; --sage:#1A6E55;
  --starlink:#1F6FB2; --xai:#5B4AB7; --slate:#1F6FB2; --rose:#B23046;
  /* 테크 단편(ai-datacenter/ai-power/solar 등 --bg-primary 계열) */
  --bg-primary:#FBFAF6; --bg-secondary:#F4F1E9; --bg-card-hover:#F4F1E9;
  --text-primary:#20242B; --text-secondary:#434A54; --text-muted:#6B727D;
  --accent-blue:#1F6FB2; --accent-cyan:#1F6FB2; --accent-orange:#C2540C;
  --accent-green:#1A6E55; --accent-red:#B23046; --accent-yellow:#8A6D12;
  --accent-purple:#5B4AB7; --accent-pink:#A8316B;
}

body{ background:#FBFAF6 !important; color:#20242B !important;
  font-family:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Pretendard Variable','Pretendard','Noto Sans KR',sans-serif !important; }

/* 우주 배경·별 제거 */
#dynamicBg{ background:#FBFAF6 !important; }
.stars,.star{ display:none !important; }

/* 상단 네비 */
.top-nav a{ color:#6B727D !important; }
.top-nav a:hover{ color:#1A6E55 !important; }
.top-nav .brand{ background:none !important; -webkit-text-fill-color:#1A6E55 !important; color:#1A6E55 !important; }

/* 제목 — 그라데이션 텍스트 해제 → serif 잉크 */
article h1{ background:none !important; -webkit-text-fill-color:#20242B !important; color:#20242B !important;
  font-family:'Noto Serif KR',Georgia,serif !important; letter-spacing:-.01em !important; }
article .article-meta{ color:#6B727D !important; }
article .lead{ color:#434A54 !important; background:rgba(26,110,85,.06) !important; border-left-color:#1A6E55 !important; }
article h2{ color:#20242B !important; font-family:'Noto Serif KR',Georgia,serif !important; }
article h2 .num{ background:#1A6E55 !important; color:#fff !important; }
article p,article ul li{ color:#20242B !important; }
article strong{ color:#1A6E55 !important; }
/* 노랑 그라데이션 CTA 버튼은 라이트 배경에서도 강조로 유지(텍스트 잉크) */

/* 하단 CTA */
.bottom-cta{ background:#F4F1E9 !important; border-color:#E7E2D6 !important; }
.bottom-cta h3{ color:#1A6E55 !important; -webkit-text-fill-color:#1A6E55 !important; }
.bottom-cta p{ color:#6B727D !important; }
.bottom-cta .cta-btn{ background:#fff !important; border-color:#E7E2D6 !important; color:#20242B !important; }
.bottom-cta .cta-btn:hover{ background:#F4F1E9 !important; border-color:#1A6E55 !important; }

/* 푸터 */
.footer-nav{ border-top-color:#E7E2D6 !important; }
.footer-nav a{ color:#6B727D !important; }
.footer-nav a:hover{ color:#1A6E55 !important; }

/* 글별 고유 컴포넌트 안전망 — 게임역사 글의 era-body·표 등 coffee 와 다른
   클래스를 광범위하게 잉크로. strong/a/제목은 위에서 액센트로 명시했고 이
   selector 에 안 걸리므로 보존된다. */
.wrap p,.wrap li,.wrap td,.wrap dd,.wrap dt,.wrap figcaption,
.wrap [class*="body"],.wrap [class*="text"],.wrap [class*="desc"],
.wrap [class*="note"],.wrap [class*="caption"]{ color:#20242B !important; }
.wrap th{ color:#434A54 !important; background:#F4F1E9 !important; }
.wrap table,.wrap td,.wrap th{ border-color:#E7E2D6 !important; }
.wrap blockquote{ color:#434A54 !important; }
.wrap h3,.wrap h4{ color:#20242B !important; -webkit-text-fill-color:#20242B !important; }
.wrap a{ color:#1A6E55 !important; }
/* 버튼·네비 링크는 광범위 a 규칙 뒤에서 자기 색 복원 */
article a.game-cta{ color:#20242B !important; }
.bottom-cta .cta-btn{ color:#20242B !important; }
.top-nav a,.footer-nav a{ color:#6B727D !important; }

/* 작성자 bio (공용 lp-author-bio) */
.lp-author-bio{ background:#F4F1E9 !important; border-color:#E7E2D6 !important; }
.lp-author-bio .lp-name{ color:#20242B !important; }
.lp-author-bio .lp-name a{ border-bottom-color:rgba(26,110,85,.4) !important; }
.lp-author-bio .lp-desc{ color:#6B727D !important; }
.lp-author-bio .lp-meta{ color:#8A909C !important; border-top-color:#E7E2D6 !important; }
.lp-author-bio .lp-meta b{ color:#434A54 !important; }
.lp-author-bio .lp-avatar{ box-shadow:0 2px 8px rgba(26,110,85,.18) !important; }

/* =====================================================================
   그룹 B/C(.container 래퍼: daily풍 테크 단편 + spacex 시리즈) 안전망
   ===================================================================== */
.container{ background:#FBFAF6 !important; }
.container p,.container li,.container td,.container dd,.container dt,.container figcaption,
.container [class*="body"],.container [class*="text"],.container [class*="desc"],
.container [class*="note"],.container [class*="lead"],.container [class*="sub"],
.container [class*="label"],.container [class*="stat"],.container [class*="val"],
.container [class*="cap"],.container [class*="meta"]{ color:#20242B !important; }
.container th{ color:#434A54 !important; background:#F4F1E9 !important; }
.container table,.container td,.container th{ border-color:#E7E2D6 !important; }
.container h1,.container h2,.container h3,.container h4{ color:#20242B !important; -webkit-text-fill-color:#20242B !important; }
.container a{ color:#1A6E55 !important; }
.container strong{ color:#1A6E55 !important; }
.container hr{ border-color:#E7E2D6 !important; }
/* 데이터 컴포넌트(배지·티커·태그·순위·통계 등) — 옅은 틴트/투명 배경 위
   흰 텍스트를 잉크로. 배경 틴트는 남아 초록/빨강 색 구분은 유지된다. */
.container [class*="badge"],.container [class*="tag"],.container [class*="ticker"],
.container [class*="rank"],.container [class*="chip"],.container [class*="pill"],
.container [class*="num"],.container [class*="pct"],.container [class*="hl"],
.container [class*="key"],.container [class*="row"],.container [class*="yr"],
.container [class*="tl-"],.container [class*="bar"],.container [class*="kpi"],
.container [class*="card"],.container [class*="box"],.container [class*="item"]{ color:#20242B !important; }
.container span:not([class]){ color:#20242B !important; }

/* 공용 반응 위젯(blogReactions.js) — 다크 가정 텍스트를 잉크로 (이모지는 무관) */
[class*="lp-react"] [class*="title"],[class*="lp-react-title"],
[class*="lp-react"] [class*="count"],[class*="lp-react"] [class*="label"],
[class*="lp-react-disclaimer"],[class*="lp-react"] p,[class*="lp-react"] div:not([class]){ color:#20242B !important; }

/* =====================================================================
   래퍼(.wrap/.container) 없이 body 직속인 글(spacex 인포그래픽 등) 안전망.
   body 레벨이라 specificity 가 낮아 위 .wrap/.container 규칙이 충돌 시 이긴다
   → 다른 그룹의 의도된 색은 보존되고, 래퍼 없는 글만 이 규칙이 잡는다.
   ===================================================================== */
body strong,body em,body td,body th,body li,body dd,body dt,
body span:not([class]),body div:not([class]),body p:not([class]),
body [class*="txt"],body [class*="text"],body [class*="label"],
body [class*="val"],body [class*="num"],body [class*="desc"],
body [class*="stat"],body [class*="hl"],body [class*="row"],
body [class*="card"],body [class*="box"],body [class*="tl"],
body [class*="cell"],body [class*="key"],body [class*="note"],
body [class*="sub"],body [class*="cap"],body [class*="meta"],
body [class*="lead"],body [class*="body"],body [class*="head"],
body [class*="flag"],body [class*="quote"],body [class*="cq"],
body [class*="tag"],body [class*="badge"],body [class*="chip"],
body [class*="pill"],body [class*="pct"],body [class*="ticker"]{ color:#20242B !important; }
body th{ background:#F4F1E9 !important; }
body table,body td,body th{ border-color:#E7E2D6 !important; }
body h2,body h3,body h4{ color:#20242B !important; -webkit-text-fill-color:#20242B !important; }
body a:not([class]){ color:#1A6E55 !important; }

/* 공용 관련글 위젯(blogRelated.js) */
[class*="lp-rel"]{ color:#434A54 !important; }
[class*="lp-rel"] [class*="title"],[class*="lp-rel-title"]{ color:#20242B !important; }
[class*="lp-rel-tag"],[class*="lp-rel"] [class*="tag"]{ color:#1A6E55 !important; }
[class*="lp-rel"] [class*="meta"],[class*="lp-rel"] [class*="date"]{ color:#8A909C !important; }

/* 공용 푸터(siteFooter.js) — blog-theme.css 와 동일 라이트 override (단편 글용) */
.lp-site-footer{ color:#6B727D !important; }
.lp-site-footer a{ color:#1A6E55 !important; }
.lp-site-footer .copy,.lp-site-footer .sep{ color:#8A909C !important; }
.lp-stat-row,.lp-stat-label{ color:#6B727D !important; }
.lp-digits,.lp-digit{ color:#434A54 !important; border-color:#E7E2D6 !important; }