/* [ThemeTok9 20260923] V2 공통 색 역할표 — 블루 고급(공통-008 6절 시안 A · C11 명세 · 전무 9/23 확정) ★변수만 정의한다 — 이 파일만으로는 어떤 화면도 바뀌지 않는다. 화면 패치가 var(--nw9-…, 기본값) 으로 쓸 때만 바뀐다. ★서버가 모든 /g 화면 맨 앞에 넣는다(api_shop.js ThemeTok9) · 허브(index.html)는 ★색을 바꾸려면 여기 한 곳만 — 변수를 쓰는 화면이 모두 따라온다 */ :root { --nw9-bg: #F3F6FB; /* 바탕 — 옅은 청회색 */ --nw9-card: #FFFFFF; /* 카드·팝업 */ --nw9-line: #D9E2EF; /* 카드·팝업 테두리 */ --nw9-title: #0B2545; /* 제목 띠·제목 글자·뒤로 테두리(남색) */ --nw9-primary: #1E4FD8; /* 주 행동(다음·저장·등록) 코발트 */ --nw9-primary-press: #173EA8; /* 주 행동 누름 */ --nw9-tab-sel: #E3ECFB; /* 선택된 탭·칸 바탕 */ --nw9-sub: #3B6EA8; /* 보조(칩·링크) 스틸 블루 */ --nw9-text: #1E293B; /* 본문 */ --nw9-muted: #64748B; /* 보조 글자 */ --nw9-rule: #E2E8F0; /* 가는 구분선 */ --nw9-sep: #475569; /* 진한 구분선(전무 9/23 「진하게」 3px) */ --nw9-ok-fg: #166534; --nw9-ok-bg: #DCFCE7; /* 완료 */ --nw9-warn-fg: #92400E; --nw9-warn-bg: #FEF3C7; /* 주의 */ --nw9-risk-fg: #B91C1C; --nw9-risk-bg: #FEE2E2; /* 위험·삭제·취소 테두리 */ --nw9-btn-h: 42px; /* 주요 단추 높이(40~44) */ --nw9-radius: 10px; /* 카드 모서리 */ --nw9-gap: 24px; /* 영역 간격 */ --nw9-fs-title: 18px; --nw9-fs-sub: 15px; --nw9-fs-body: 14px; --nw9-fs-small: 12px; }