/* ============================================================================
   S-Report 디자인 토큰 — lawsection 디자인 가이드 vendoring (phase4-plan §5.4, D-023 ⑤, D-025 ③)
   출처: docs/참조/디자인 스켈레톤.html (사용자 제공, 2026-08-17) — 요약·초안 docs/research/lawsection-design-tokens-2026-08.md §A·§C
         보조: www.lawsection.ai.kr 라이브 CSS 실측(§B) — 표·데이터 밀도용 보조 토큰(--color-table-header, --color-bg-zebra 등)
   동기화: 2026-08-18 (세션 4). 가이드(스켈레톤 또는 정본 styles.css/globals.css)가 바뀌면 이 파일만 갱신하고 출처·일자를 고친다.
   규칙: 컴포넌트(sreport.css)는 여기 토큰만 참조한다. 값은 여기서만 정의한다.
   ============================================================================ */
:root {
  /* ---- 색: 바탕·텍스트 (스켈레톤 A-1) */
  --color-bg: #f5f7fa;             /* 페이지 배경 */
  --color-surface: #ffffff;        /* 카드·표·헤더 */
  --color-text: #1f2937;           /* 본문 */
  --color-text-sub: #4b5c70;       /* 서브카피 */
  --color-text-cap: #6b7280;       /* 캡션 */
  --color-link: #1a3a5c;
  --color-link-hover: #2a6fdb;
  --color-link-on-dark: #93c5fd;

  /* ---- 색: 브랜드 (코발트·코럴·네이비·스틸) */
  --color-cobalt: #2160c4;         /* 강조 텍스트·버튼·큰 숫자 */
  --color-cobalt-light: #2a6fdb;   /* 보더탑 2px·도트·링크 hover·인포그래픽 */
  --color-cobalt-tint: #f0f4ff;    /* 태그 배경·하이라이트 */
  --color-coral: #e2603e;          /* 포인트(NOW 도트·넘버) */
  --color-coral-deep: #c04a28;     /* 아이브로우 라벨·태그 텍스트 */
  --color-coral-tint: #fdeee8;     /* 태그 배경 */
  --color-navy-deep: #0d1b2a;      /* 푸터 */
  --color-steel: #1d2d3d;          /* 다크 섹션(accent-900) */

  /* ---- 선 */
  --color-hairline: #dde4ec;       /* 카드·디바이더·섹션 경계 1px */
  --color-hairline-2: #e3e8ef;
  --rule-top: 2px solid var(--color-cobalt-light);

  /* ---- 데이터 밀도용 보조(라이브 CSS 실측 §B — 표·수치가 많은 화면의 가독성, Q-4h "유연 적용") */
  --color-table-header: #3d4f5f;   /* 표 머리글 잉크 */
  --color-bg-subtle: #edf2f7;      /* 표 머리글 배경·비활성 */
  --color-bg-zebra: #fafbfc;       /* 얼룩말 행 */
  --color-ink-500: #51617a;        /* 보조 잉크 */

  /* ---- 상태(라벨과 함께 쓴다 — 색만으로 뜻을 전하지 않는다) */
  --color-ok: #1f7a4d;   --color-ok-tint: #e6f4ec;
  --color-warn: #a86400; --color-warn-tint: #fdf3df;
  --color-bad: #b42318;  --color-bad-tint: #fdecea;

  /* ---- 폰트 (스켈레톤 A-2) */
  --font-body: "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", sans-serif;   /* 한글 제목·본문 */
  --font-label: "Barlow Condensed", "Noto Sans KR", sans-serif;                                     /* 아이브로우·큰 숫자·날짜·코드 라벨 */
  --font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;                          /* sha256·코드 */
  --fs-body: 14px;  --lh-body: 1.6;
  --fs-caption: 12px;
  --fs-h1: 26px;    --fs-h2: 18px;   --fs-h3: 15px;
  --ls-tight: -0.02em;  --ls-label: 0.16em;

  /* ---- 레이아웃 */
  --site-width: 1200px;
  --gutter: 24px;
  --radius: 0;                     /* 라운드 없음(사각) — 스켈레톤 A-4 */
  --shadow-none: none;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --space-6: 32px; --space-7: 48px;
}