/* MOABIZ ERP 디자인 토큰 — 캔버스 "00 디자인 토대" 값 그대로 (지시서 4절)
   동작·선택·링크 = 네이비, 레드는 로고와 현재 메뉴 표시에만. 오류색(#B42318)과 섞지 않는다. */
:root {
  /* 글자 */
  --ink-900: #16191D;   /* 본문 · 숫자 */
  --ink-800: #3E4650;
  --ink-700: #4A525C;   /* 라벨 · 보조 (7.9:1) */
  --ink-500: #5F6873;   /* 메타 (5.7:1) */
  --ink-400: #8C96A3;   /* 어두운 바탕 위 보조 */

  /* 선 · 면 */
  --line-strong: #C3C9D1;
  --line: #DDE1E6;
  --line-soft: #E6E9ED;
  --line-faint: #EEF0F3;
  --surface: #FFFFFF;
  --surface-2: #F7F8FA;
  --canvas: #EEF0F3;
  --page: #F5F6F8;
  --tabbar: #E2E5EA;
  --tab-off: #D3D8DF;

  /* 셸 */
  --shell: #121B33;
  --nav: #18233F;
  --nav-fg: #C3CAD3;
  --nav-active: #263457;
  --shell-input: #1E2A48;
  --shell-btn: #1A2543;
  --shell-line: #34416A;

  /* 브랜드 */
  --navy: #1B2A4A;
  --navy-hover: #111C35;
  --navy-soft: #E9EDF5;
  --navy-select: #F4F6FA;
  --focus: #3D5A9E;
  --red: #C1002B;          /* 로고 전용 */
  --red-on-dark: #F0445F;  /* 로고 ERP 글자 · 현재 메뉴 표시선 */

  /* 상태 */
  --warn: #9A4A06;  --warn-soft: #FEF3E2;  --warn-line: #D97706;
  --danger: #B42318; --danger-soft: #FDECEA; --danger-line: #E2A49F;
  --ok: #1E7A46;    --ok-soft: #E6F4EC;
  --ready-fg: #8A1030; --ready-line: #F6C9D1; --ready-bg: #FFF0F2;

  /* 글꼴 · 크기 */
  --font: 'IBM Plex Sans KR', system-ui, -apple-system, 'Malgun Gothic', sans-serif;
  --fs-body: 13px;
  --fs-label: 12px;
  --fs-meta: 11px;
  --fs-section: 14px;
  --fs-menu-title: 20px;
  --fs-screen-title: 22px;
  --row-h: 32px;

  /* 모서리 · 그림자 */
  --r-cell: 4px;
  --r-field: 8px;
  --r-card: 10px;
  --r-panel: 14px;
  --shadow-1: 0 1px 2px rgba(18,27,51,0.04);
  --shadow-2: 0 1px 2px rgba(18,27,51,0.04), 0 2px 8px rgba(18,27,51,0.04);
  --shadow-btn: 0 1px 2px rgba(18,27,51,0.25);
  --shadow-pop: 0 8px 28px rgba(18,27,51,0.18);

  /* 간격 */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px;
}