style(blog): 인디고 액센트를 테마 반전 무채색으로 회귀

apps/blog/src/app/global.css

@@ -9,9 +9,8 @@
    (#94에서 @theme가 안 된다고 본 것은 빌드 산출물의 minify된 값(#00ff00→#0f0)을
     minify 전 문자열로 grep한 오진이었음 — #120에서 정정하고 arbitrary value를 제거함) */
 @theme {
-  /* 브랜드 액센트(인디고) 스케일. */
+  /* 브랜드 액센트(인디고). bg-brand-strong 소비처가 사라져(#135) 이제 포커스 링용 단일 토큰만 남긴다. */
   --color-brand: #6366f1; /* 비텍스트 액센트(포커스 링 등) */
-  --color-brand-strong: #4f46e5; /* 브랜드 위 흰 텍스트용 — 대비 AA(6.3:1) 확보 */
   /* 다크 서피스 단일 토큰. 헤더·드롭다운·사이드바·뱃지의 검정 계열(black/gray-900/950)을 통일한다. */
   --color-ink: #0a0a0a;
   /* 중립 구조색. 값은 기존 Tailwind gray와 동일해 시각 변화 없이 단일 출처로 모은다. */

apps/blog/src/components/badge.tsx

@@ -29,7 +29,8 @@ export function Badge({ href, children, onClick, color = 'secondary', active }:
         'md:px-[12px] md:py-[6px]',
         'whitespace-nowrap',
         color === 'primary'
-          ? 'bg-brand-strong text-white'
+          ? // 활성/primary 강조: 무채색 채움(테마별 반전으로 라이트는 근검정+흰 텍스트, 다크는 근백색+어두운 텍스트) — 검정 헤더와 한 시스템으로 통일.
+            'bg-gray-900 text-surface'
           : 'bg-gray-100 text-gray-700',
         'hover:brightness-95 active:brightness-90',
       )}

apps/blog/src/components/introduce-card.tsx

@@ -5,8 +5,8 @@ export function IntroduceCard() {
   return (
     <div className="rounded-md border border-border-subtle flex relative shadow-md mt-7.5 md:mt-15 break-keep">
       {/* === INTRODUCE CARD LEFT Bar === */}
-      {/* 브랜드 액센트 바. 두 모드 모두에서 의도적인 강조로 보이도록 brand 토큰을 쓴다. */}
-      <div className="w-2 md:w-4.25 h-full bg-brand absolute left-0 top-0"></div>
+      {/* 무채색 강조 바(테마별 반전으로 두 모드 모두 대비 확보 — 라이트는 근검정, 다크는 근백색). 헤더 잉크와 통일. */}
+      <div className="w-2 md:w-4.25 h-full bg-gray-900 absolute left-0 top-0"></div>
 
       {/* === INTRODUCE CARD Right SECTION === */}
       <div className={classNames('flex flex-col', 'pl-5 py-4 pr-6', 'md:pl-11.5 md:py-5 md:pr-6')}>

apps/blog/src/components/series-detail/series-detail.tsx

@@ -52,8 +52,8 @@ export async function SeriesDetail({ series }: SeriesDetailProps) {
                   'px-3 py-1.5 text-xs md:text-sm',
                   'transition-all duration-200 ease-in-out',
                   active
-                    ? // 활성 시리즈: 브랜드 액센트(흰 텍스트 대비 AA)로 현재 위치를 강조한다.
-                      'bg-brand-strong text-white'
+                    ? // 활성 시리즈: 무채색 강조(테마 반전 대비)로 현재 위치를 강조한다.
+                      'bg-gray-900 text-surface'
                     : // 비활성 시리즈: 옅은 배경 + hover 강조로 클릭 가능함을 알린다.
                       'bg-gray-100 text-gray-700 hover:bg-gray-200',
                 )}