/*
 * 킨텍스 AI 전시관리 — 디자인 토큰 (단일 출처)
 * 근거: docs/design.md v1.1 §1 (컬러 팔레트·타이포·라운드·엘리베이션·그리드)
 * 하드코딩 금지 — 컴포넌트는 이 변수만 참조한다.
 */
:root {
  /* ── 컬러 팔레트 (§1-2) ── */
  --color-primary-700: #004c86; /* 헤더, 강조 텍스트, hover */
  --color-primary-600: #0066b3; /* 주 브랜드 블루(킨텍스 CI) */
  --color-primary-100: #d9eaf7; /* 선택 배경, 활성 사이드바 */
  --color-primary-050: #eff6fc; /* 페이지 서브 배경, 테이블 호버 */
  --color-primary-900: #00427d; /* 짙은 대체 톤(hover 한정) */

  --color-ai-accent: #6d4aff; /* AI 액션 전용 */
  --color-ai-surface: #f5f3ff; /* AI 카드 배경 (Intelligence 변형 채택) */

  --color-success: #0e8a5f;
  --color-warning: #b45309;
  --color-error: #d92d20;

  --color-neutral-900: #101828; /* 본문 제목 */
  --color-neutral-700: #344054; /* 본문 텍스트 */
  --color-neutral-500: #667085; /* 보조 텍스트, 플레이스홀더 */
  --color-neutral-200: #e4e7ec; /* 구분선, 카드 테두리 */
  --color-neutral-100: #f2f4f7;
  --color-neutral-050: #f9fafb; /* 앱 배경 */
  --color-white: #ffffff;
  --color-on-accent: #ffffff; /* 색상(파랑/빨강 등) 배경 위 텍스트 — 다크에서도 항상 흰색 유지(--color-white 는 다크에서 서피스로 반전되므로 버튼/배지 글자엔 이 토큰 사용) */

  --color-canvas-bg: #1c2536; /* 에디터 캔버스 다크 서피스 */
  --color-canvas-line: #2f3b52; /* 캔버스 위 보조 라인 */

  /* 배선 오버레이 (S6) */
  --color-wire-power: #ef4444; /* 전기(적) */
  --color-wire-network: #3b82f6; /* 네트워크(청) */
  --color-wire-water: #22c55e; /* 급배수(녹) */

  /* 위반 심각도 */
  --color-violation-block: var(--color-error);
  --color-violation-warn: #f79009; /* 도면 오버레이용 주황 (텍스트는 warning 진값) */
  --color-violation-warn-bg: #fef0c7;
  --color-violation-warn-text: #b54708;

  /* 상태 배지 진행 색 (§1-4) */
  --status-draft: var(--color-neutral-500); /* 작성중(회색) */
  --status-submitted: var(--color-primary-600); /* 제출됨(파랑) */
  --status-ai-review: var(--color-ai-accent); /* AI검토(보라) */
  --status-approved: var(--color-success); /* 승인(녹색) */
  --status-rejected: var(--color-error); /* 반려(빨강) */
  --status-building: #7a5af8; /* 시공중 */
  --status-inspected: var(--color-primary-700); /* 검수완료 */

  /* ── 타이포 (§1-3) — Pretendard 권위, Inter 라틴 보조 ── */
  --font-sans: 'Pretendard', 'Inter', 'Noto Sans KR', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', monospace;

  --fs-display: 28px;
  --lh-display: 36px;
  --fs-h1: 24px;
  --lh-h1: 32px;
  --fs-h2: 20px;
  --lh-h2: 28px;
  --fs-h3: 16px;
  --lh-h3: 24px;
  --fs-body: 14px;
  --lh-body: 22px;
  --fs-caption: 12px;
  --lh-caption: 18px;
  /* 마이크로 라벨(비공식 계층 공식화) — audit: 11px 128건 흡수 */
  --fs-micro: 11px;
  --lh-micro: 16px;
  /* 초소형(배지·QR·범례) — 10/9/8px 수렴 */
  --fs-nano: 10px;
  --fs-mono: 13px;

  /* ── 폰트 웨이트 토큰 (audit P0) — 페이지 간 700/600/500/800 혼용 수렴 ── */
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700; /* 800 남발 → 700 수렴 (display/hero 예외만 인라인) */

  /* ── 라운드 (§1-4) — 최대 8px, 칩은 pill ── */
  --radius-sm: 4px; /* 버튼·인풋·작은 요소 */
  --radius-lg: 8px; /* 카드·모달·섹션 */
  --radius-pill: 9999px;

  /* ── 엘리베이션 — 톤 레이어 + 1px 테두리 ── */
  --border-card: 1px solid var(--color-neutral-200);
  --shadow-card: 0 1px 2px rgba(16, 24, 40, 0.06); /* Nifty 카드 기본(subtle) */
  --shadow-level2: 0 4px 12px rgba(16, 24, 40, 0.1); /* 카드 hover 상승 */
  --accent-ai: 4px solid var(--color-ai-accent); /* AI 카드 좌측 액센트 */

  /* ── 그리드·간격 (§1-4) — 4px 베이스 ── */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-8: 48px;
  --container-max: 1440px;
  --gutter: 24px;
  --sidebar-w: 240px;
  --panel-left-w: 240px;
  --panel-right-w: 360px;

  /* 테이블 */
  --row-h: 44px;
  --row-h-mobile: 48px;
  --zebra: var(--color-neutral-050);
  --row-hover: #f1f5f9;

  /* ── 시맨틱 상태 배경 톤 (배지·칩·상태 카드) — 라이트 기본값, 다크는 global.css 에서 재정의 ── */
  --color-success-bg: #e6f4ee;
  --color-warning-bg: #fff4e5;
  --color-error-bg: #fef3f2;
  --color-ai-bg: #ede9fe; /* AI검토·시공중 배지 배경(보라 옅음) */
  --color-ai-accent-strong: #5b3aeb; /* AI 버튼 hover 진한 톤 */
  --ai-glow: rgba(109, 74, 255, 0.3); /* AI 버튼 글로우 */

  /* 스켈레톤 시머 (states·ai-image) */
  --skeleton-a: #eceff3;
  --skeleton-b: #f6f8fa;
  --ai-skeleton-a: #ece9fb;
  --ai-skeleton-b: #f5f3ff;

  /* 접근성 — 포커스 링 (라이트 기본, 다크 재정의) */
  --focus-ring: var(--color-primary-600);
}
