/* assets/tokens.css — 색·글꼴 토큰 한 벌(설계서 3-1 · 3-2 · 3-3 「색·글꼴」 · 11장 1단계 2번 「틀 정비」 · 검증 T6). S3 ui-shell.
   출발점: 사이트 web/assets/css/ksair.css 38~68행의 :root(2026-10-05 읽음 — 사이트 저장소는 읽기만).
   사이트와 대조하는 파일은 이것 하나다 — tools/design-sync.mjs 가 이 파일과 사이트 :root 를 토큰마다 비교한다.
   (사이트 CSS 전체를 같은 판으로 묶으면 앱의 대비 수정과 「해시 같음」이 함께 설 수 없다 — 설계서 3-2 367)

   ★ 대비 수정 셋(WCAG 2.x 1.4.3 — 글자 4.5:1). 값은 상대 휘도 공식으로 잰 것이다(tools/build-pages.mjs --self-test 가 다시 잰다).
     시제품 e2e(시제품_20261003/e2e/detail.json · a11y-result.json — axe 대비 위반 276곳)가 짚은 색 셋이다.
     ① --ink-faint   사이트 #7C8290 → #636873   종이 3.53 · 진한 종이 3.24 · 흰 3.85  →  5.13 · 4.70 · 5.59
     ② --cyan        사이트 #2C7DA0 → #276E8D   종이 4.24 · 진한 종이 3.88 · 알림 바탕 3.96  →  5.21 · 4.77 · 4.86
                     (흰 글자를 이 색 바탕에 얹는 자리 — 메뉴 hover — 도 4.62 → 5.67)
     ③ --on-navy-faint  사이트에는 토큰이 없고 꼬리말 규칙에 rgba(255,255,255,.42/.45) 가 박혀 있다(짙은 남색 위 4.01 · 4.41)
                     → 토큰으로 빼서 #9DA2AB(짙은 남색 6.63 · 남색 5.58)
     사이트에도 같은 정비를 배포하면(설계서 12-6 사이트 행 · 게시 승인) design-sync 가 「사이트도 같다」로 알리고, 그때 대조 범위를 넓힌다.

   그 밖은 사이트 값 그대로다. 앱만 쓰는 토큰은 맨 아래에 따로 둔다(design-sync 의 「앱만」 목록과 같아야 한다).
   여기 적힌 건 실측으로 얻은 사실이다. 더 나은 판단이 있으면 그것을 따르고, 그 근거를 여기 갱신할 것. */

:root {
  /* 색 — 발대식 슬라이드에서 뽑았다(사이트 주석 그대로). 슬라이드 배경은 남보라, 관절 점은 하늘색·민트였다. */
  --paper:      #F7F5F0;   /* 따뜻한 종이 */
  --paper-deep: #EFEBE2;
  --ink:        #16181D;
  --ink-soft:   #4A4F5A;
  --ink-faint:  #636873;   /* ① 대비 수정 — 사이트 #7C8290 */
  --navy:       #1B2A47;   /* 표제·머리글 */
  --navy-deep:  #121C30;
  --cyan:       #276E8D;   /* ② 대비 수정 — 사이트 #2C7DA0 */
  --mint:       #3E8E6E;   /* 그림(관절 점)에만 — 글자색으로 쓰지 않는다(종이 위 3.64:1) */
  --crimson:    #A63A3A;   /* 주의·필수 표시 */
  --rule:       #D5D0C6;   /* 괘선 */
  --rule-firm:  #B3ADA0;   /* 괘선(진함) — 글자색으로 쓰지 않는다(종이 위 2.05:1) */

  /* 활자 — 표제 명조는 자체 호스팅(@font-face — ksair.css), 본문 고딕은 시스템. 외부 요청 0. */
  --serif: "KSAIR Myeongjo", "Nanum Myeongjo", "AppleMyungjo", "Batang", "바탕",
           "Noto Serif KR", "Noto Serif CJK KR", serif;
  --sans:  -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo",
           "Pretendard", "Malgun Gothic", "맑은 고딕", "Noto Sans KR",
           "Noto Sans CJK KR", sans-serif;
  /* --mono 는 숫자·영문에만 — 한글에 먹이면 전각으로 그려져 조판이 무너진다(사이트 2026-08-15 실측) */
  --mono:  "SFMono-Regular", "SF Mono", Menlo, Consolas, monospace;

  --wrap: 1120px;
  --gut: 28px;

  /* ── 앱만 쓰는 토큰(사이트에 없다 — design-sync 의 APP_ONLY 와 같아야 한다) ── */
  --on-navy-faint: #9DA2AB;   /* ③ 대비 수정 — 남색 바탕 위 흐린 글자(꼬리말). 사이트 rgba(255,255,255,.42) */
  --on-navy:       #FFFFFF;   /* 남색 바탕 위 글자 */
  --ok-ink:        #2E6B52;   /* 「정상·유효」 배지 글자 — 민트는 글자 대비가 모자라 따로(진한 종이 위 5.28) */
  --focus:         #276E8D;   /* 초점 고리 — 밝은 바탕(1.4.11 비글자 3:1 이상) */
  --focus-on-navy: #FFFFFF;   /* 초점 고리 — 남색 바탕 */
  --field-line:    #636873;   /* 입력 칸 테두리 — 1.4.11 비글자 3:1(흰 바탕 5.59). 괘선색(--rule-firm 2.23)은 모자란다 */
  --surface:       #FFFFFF;   /* 카드·입력 칸·배지 바탕(사이트는 규칙마다 #fff 글자로 박았다) */
  --note-bg:       #ECEEEB;   /* 알림 상자 바탕 — 사이트 rgba(44,125,160,.055) 를 새 --cyan 으로 종이 위에 섞은 값(고정색이라 대비를 셀 수 있다) */
  --warn-bg:       #F3ECE7;   /* 주의 상자 바탕 — 사이트 rgba(166,58,58,.05) 를 종이 위에 섞은 값 */
  --crimson-deep:  #8E3131;   /* 위험 단추 hover */
  --print-ink:     #000000;   /* 인쇄 글자 */
  --print-paper:   #FFFFFF;   /* 인쇄 바탕 */
}