/* ILTER 디자인 토큰 — 디자인 핸드오프(2026-10-09, econtract-00) 반영.
   관리자 콘솔과 서명 화면이 공유한다. 브랜드 placeholder(#2456d6 등)는 전부 이 파일로 대체되었다. */
:root {
  /* 브랜드 */
  --ink: #1C1B19;
  --paper: #F6F3EC;
  --canvas: #E9E5DC;
  --seal: #B5372E;          /* 화면당 핵심 행동(서명/발송/확정/결제) 1개에만 사용 */
  --seal-bright: #D2463C;   /* 알림 점, 진행 바 */
  --sub: #5E5A52;
  --muted: #8A857B;
  --muted-2: #9A948A;
  --line: #E2DDD2;
  --line-strong: #D8D2C5;
  --line-soft: #ECE9E2;
  --line-soft-2: #F1EEE8;
  --tint-seal: #FBEEEC;
  --card: #FFFFFF;

  /* 의미 토큰(라이트) — admin.js/sign.js 는 이 이름을 쓴다 */
  --bg: var(--paper);
  --surface: var(--card);
  --text: var(--ink);
  --accent: var(--seal);
  --accent-text: #FFFFFF;
  --danger: #9E2E26;

  /* 상태 배지 5색 (전 제품 공통) */
  --ok-bg: #E3EFE6;   --ok-fg: #24603A;
  --warn-bg: #F8EBD6; --warn-fg: #8A4F06;
  --busy-bg: #E2E9F3; --busy-fg: #244A7A;
  --off-bg: #ECE9E2;  --off-fg: #5E5A52;
  --err-bg: #FBEAE8;  --err-fg: #9E2E26;

  /* 폰트 */
  --font-ui: 'Pretendard', -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --font-doc: 'Nanum Myeongjo', serif;        /* 문서 제목, 계약서 본문 제목 */
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; /* 룸코드/변수/인증번호/시간 */
  --font-sign: 'Nanum Brush Script', cursive; /* 손글씨 서명 생성 */
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ink: #EDEAE4;
    --paper: #141311;
    --canvas: #0E0D0C;
    --seal: #E0675C;
    --seal-bright: #E0675C;
    --sub: #B3ADA2;
    --muted: #8A857B;
    --muted-2: #9A948A;
    --line: #2C2A27;
    --line-strong: #3A3833;
    --line-soft: #242220;
    --line-soft-2: #201F1D;
    --tint-seal: #2A1917;
    --card: #1F1E1B;

    --bg: var(--paper);
    --surface: var(--card);
    --text: var(--ink);
    --accent: var(--seal);
    --accent-text: #141311;
    --danger: #F2A097;

    --ok-bg: #1E3326;   --ok-fg: #8FD3A6;
    --warn-bg: #3A2C17; --warn-fg: #F0B66A;
    --busy-bg: #1C2738; --busy-fg: #9DBDE8;
    --off-bg: #2A2926;  --off-fg: #B3ADA2;
    --err-bg: #3A1D1A;  --err-fg: #F2A097;
  }
}
:root[data-theme="dark"] {
  --ink: #EDEAE4; --paper: #141311; --canvas: #0E0D0C; --seal: #E0675C; --seal-bright: #E0675C;
  --sub: #B3ADA2; --muted: #8A857B; --muted-2: #9A948A; --line: #2C2A27; --line-strong: #3A3833;
  --line-soft: #242220; --line-soft-2: #201F1D; --tint-seal: #2A1917; --card: #1F1E1B;
  --bg: var(--paper); --surface: var(--card); --text: var(--ink); --accent: var(--seal); --accent-text: #141311;
  --danger: #F2A097;
  --ok-bg: #1E3326; --ok-fg: #8FD3A6; --warn-bg: #3A2C17; --warn-fg: #F0B66A;
  --busy-bg: #1C2738; --busy-fg: #9DBDE8; --off-bg: #2A2926; --off-fg: #B3ADA2; --err-bg: #3A1D1A; --err-fg: #F2A097;
}

/* 상태 배지 5색 유틸 (룸/계약/번역검수 등 전 화면 공통) */
.badge { display: inline-block; padding: 3px 10px; border-radius: 999px; font: 700 12px/1.4 var(--font-ui); }
.badge.free  { background: var(--ok-bg);   color: var(--ok-fg); }   /* 사용가능·완료·정상 */
.badge.wait  { background: var(--warn-bg); color: var(--warn-fg); } /* 서명대기·입금대기·종료대기·검토대기 */
.badge.busy  { background: var(--busy-bg); color: var(--busy-fg); } /* 사용중·진행·서명됨 */
.badge.off   { background: var(--off-bg);  color: var(--off-fg); }  /* 비활성·종료·해당없음 */
.badge.held  { background: var(--warn-bg); color: var(--warn-fg); }
.badge.err   { background: var(--err-bg);  color: var(--err-fg); }  /* 미납·누락·만료·반려 */