/* ============================================================
   SEDMS Design Tokens — data-bom-grid 확정안 기반 디자인 시스템
   (점진 채택용 전역 토큰. 컴포넌트가 var(--xxx) 참조로 흡수)
   ============================================================ */
:root {
  /* ── 컬러 ── */
  --sd-navy:        #0F2040;  /* primary: 배경·텍스트·마크 베이스 */
  --sd-cyan:        #00C8D4;  /* accent: 활성·링크·포커스·강조 */
  --sd-ghost:       #1E3A5F;  /* 비활성 그리드 셀 스트로크 */
  --sd-surface:     #E8EDF4;  /* 라이트 카드/패널 */
  --sd-surface-dk:  #162035;  /* 다크 카드/패널 */
  --sd-bg:          #FFFFFF;  /* 라이트 페이지 배경 */
  --sd-bg-dk:       #0A1628;  /* 다크 페이지 배경 */
  --sd-text:        #0F2040;  /* 라이트 본문 */
  --sd-text-dk:     #E8EDF4;  /* 다크 본문 */
  --sd-muted:       #5A7088;  /* 보조 레이블·플레이스홀더 */
  --sd-danger:      #E05252;
  --sd-success:     #2DC98E;
  --sd-warn:        #E0A21A;
  --sd-cyan-soft:   rgba(0, 200, 212, 0.10); /* 활성 행 배경 */
  --sd-border:      rgba(30, 58, 95, 0.40);  /* 구분선/보더 (그림자 대신) */

  /* ── 타이포 ── */
  --sd-font:  'Pretendard', 'Inter', 'Noto Sans KR', system-ui, -apple-system, sans-serif;
  --sd-mono:  'JetBrains Mono', 'Consolas', monospace; /* 도면번호·BOM코드 */

  /* ── 간격 (4px 베이스) ── */
  --sd-1: 4px;  --sd-2: 8px;  --sd-3: 12px; --sd-4: 16px;
  --sd-6: 24px; --sd-8: 32px; --sd-12: 48px;

  /* ── 라운드/모션 ── */
  --sd-radius: 4px;       /* 기하학적 정밀 — 과도한 pill 지양 */
  --sd-radius-lg: 8px;
  --sd-ease: cubic-bezier(0.16, 1, 0.3, 1);
}

/* 유틸리티 (점진 채택) */
.sd-mono { font-family: var(--sd-mono); letter-spacing: .02em; }
.sd-row-active { background: var(--sd-cyan-soft); box-shadow: inset 2px 0 0 var(--sd-cyan); }
.sd-focus:focus-visible { outline: 2px solid var(--sd-cyan); outline-offset: 2px; }