/* CNBSYSTEM Design Tokens — v2 (2026-07)
   페이지당 1주조색 규율: body[data-theme]가 --accent 계열을 스왑한다.
   상태 배지·focus ring은 테마와 무관하게 전역 고정. */

:root {
  /* Surfaces */
  --bg-base: #060b16;
  --bg-deep: #040810;
  --bg-raise: #0a1224;
  --surface: rgba(16, 26, 48, 0.55);
  --surface-solid: #0d1628;
  --line: rgba(148, 170, 210, 0.14);
  --line-strong: rgba(148, 170, 210, 0.28);

  /* Text */
  --text-primary: #f2f6ff;
  --text-secondary: #b9c5dc;
  --text-muted: #7e8ca8;

  /* Brand hues — 웹 전용 밝은 파생색 (다크 배경 대비 확보용).
     CI 공식 원색(CI_원본.ai): 심볼 블루 #2d57a6, 텍스트 네이비 #182947 —
     인쇄·라이트 배경용이며 웹 다크 테마에서는 대비 부족으로 직접 쓰지 않는다. */
  --brand-blue: #4f8cff;
  --brand-teal: #36d6c8;
  --brand-violet: #a78bfa;
  --brand-amber: #f5b84b;

  /* Page accent — default(neutral): blue */
  --accent: var(--brand-blue);
  --accent-soft: rgba(79, 140, 255, 0.12);
  --accent-line: rgba(79, 140, 255, 0.32);
  --accent-ink: #0a1428;

  /* Global semantic (테마 스왑 금지) */
  --focus-ring: #ffd166;
  --badge-release: #34d399;
  --badge-planned: #fbbf24;
  --badge-rnd: #a78bfa;
  --badge-legacy: #8aa0c0;

  /* Typography */
  --font-sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont,
    "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  --fw-body: 420;
  --fw-medium: 560;
  --fw-display: 780;
  --fs-hero: clamp(2.5rem, 5.6vw, 4.3rem);
  --fs-h2: clamp(1.7rem, 3.2vw, 2.5rem);
  --fs-h3: clamp(1.12rem, 1.6vw, 1.3rem);
  --fs-h4: clamp(0.98rem, 1.2vw, 1.1rem);
  --fs-lead: clamp(1.06rem, 1.45vw, 1.28rem);
  --fs-body: 1.0625rem;
  --fs-small: 0.875rem;
  --fs-stat: clamp(2.2rem, 4.4vw, 3.4rem);
  --lh-tight: 1.16;
  --lh-body: 1.75;
  --lh-lead: 1.62;

  /* Shape & spacing */
  --radius-lg: 22px;
  --radius-md: 14px;
  --radius-sm: 8px;
  --section-y: clamp(72px, 10vw, 128px);
  --wrap-max: 1280px;
  --wrap-pad: clamp(20px, 4vw, 36px);
}

body[data-theme="ai"] {
  --accent: var(--brand-blue);
  --accent-soft: rgba(79, 140, 255, 0.12);
  --accent-line: rgba(79, 140, 255, 0.32);
}
body[data-theme="security"] {
  --accent: var(--brand-teal);
  --accent-soft: rgba(54, 214, 200, 0.11);
  --accent-line: rgba(54, 214, 200, 0.3);
}
body[data-theme="si"] {
  --accent: var(--brand-amber);
  --accent-soft: rgba(245, 184, 75, 0.1);
  --accent-line: rgba(245, 184, 75, 0.3);
}
body[data-theme="rnd"] {
  --accent: var(--brand-violet);
  --accent-soft: rgba(167, 139, 250, 0.12);
  --accent-line: rgba(167, 139, 250, 0.32);
}

/* ── 명암 스킴 축 (이슈 #12, 검토 004 §3-1): data-scheme은 명암만, data-theme은 페이지 주조색만 ──
   v2 채택 구조: 전면 라이트 main[data-scheme="light"] + CI 네이비 프레임(헤더/푸터, body.page-light).
   accent ink는 CI 공식 원색 #2d57a6 (흰 바탕 대비 6.94:1, AA 통과) —
   다크용 밝은 파생색(#4f8cff, 3.22:1)은 흰 바탕 소형 텍스트에 쓰지 않는다.
   확산 시 페이지별 라이트 잉크(검토 005 반영): teal #0c635b / amber(ochre) #8a5800 / violet #6d45b5
   — body[data-theme=...] [data-scheme="light"] 조합으로 확산 PR에서 정의. 여기 --accent는 neutral(blue) 전용. */
[data-scheme="light"] {
  --bg-base: #f5f7fb;
  --bg-deep: #eaeef6;
  --bg-raise: #ffffff;
  --surface: #ffffff;
  --surface-solid: #ffffff;
  --line: rgba(24, 41, 71, 0.13);
  --line-strong: rgba(24, 41, 71, 0.26);
  --text-primary: #182947;   /* CI 네이비 */
  --text-secondary: #3a4a66;
  --text-muted: #51607a; /* 최악 배경(accent-soft+bg-deep 합성 ≈ #d6e3ea)에서도 AA — axe 실측 보정 */
  --accent: #2d57a6;         /* CI 심볼 블루 */
  --accent-soft: rgba(45, 87, 166, 0.08);
  --accent-line: rgba(45, 87, 166, 0.34);
  --accent-ink: #ffffff;
  --badge-release: #0e7a52;
  --badge-planned: #8a5800;
  --badge-rnd: #5b3fae;
  --badge-legacy: #4d5f7c;
  --focus-ring: #b45309;
  background: var(--bg-base);
  color: var(--text-secondary);
}

/* 페이지별 라이트 잉크 (검토 004 §3-2) — hue는 페이지 정체성 유지, 명도는 흰 바탕 AA 잉크화.
   ai/neutral은 기본 [data-scheme="light"]의 CI blue(#2d57a6)를 그대로 쓴다. */
body[data-theme="security"] [data-scheme="light"] {
  --accent: #0c635b; /* 흰 바탕 7.1:1, 틴트+deep 합성 배경(≈#d6e1e8) 5.4:1 — axe 실측 보정 (검토 005 수치 정정) */
  --accent-soft: rgba(12, 99, 91, 0.09);
  --accent-line: rgba(12, 99, 91, 0.34);
}
body[data-theme="si"] [data-scheme="light"] {
  --accent: #8a5800;
  --accent-soft: rgba(138, 88, 0, 0.09);
  --accent-line: rgba(138, 88, 0, 0.34);
}
body[data-theme="rnd"] [data-scheme="light"] {
  --accent: #6d45b5;
  --accent-soft: rgba(109, 69, 181, 0.09);
  --accent-line: rgba(109, 69, 181, 0.34);
}