/* 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.02rem, 1.35vw, 1.17rem);
  --fs-body: 1rem;
  --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: 1160px;
  --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);
}