/* 원본 = 40.Projects\05.SJMKSYSTEMWEB\SJMKSYSTEMWEB\SJMKSYSTEMWEB.WebSite\wwwroot\css\common\tokens.css(:root 토큰 값) + 40.Projects\10.Inprogress\TravelMaster\TravelMaster\Web\wwwroot\css\common\langpicker.css(맨 앞 «토큰 다리» 블록) · 2026-09-22 WebModule 승격 · 바꾼 것 = tokens.css 를 가져오지 않고 모듈 css 가 쓰는 14개 토큰만 --sjmk-* 다리 변수로 고정했다(설계도 §2-5 «토큰 계약») */
/*
 * SJMK.Web.Ui 토큰 다리(bridge) — 모듈 css(langpicker·attach-panel·visitor-diag·editor-frame·SiteMap 뷰)는
 * 아래 --sjmk-* 이름만 쓴다. 값은 사이트 tokens.css 가 채운다.
 *
 * 어떻게 채우나
 *   · 홈피  = 아무것도 안 한다. tokens.css 가 :root 에 --text·--border·--primary… 를 이미 두므로
 *             아래 var(--text, …) 폴백 사슬이 그 값을 그대로 집는다(10 기본값 규칙 — 옵션 없이 홈피 모습 그대로).
 *   · TM    = 자기 tokens.css 의 :root 에 다리 값을 적는다(TM langpicker.css 사본 머리에 있던 것과 같은 표):
 *             --sjmk-text: var(--ink); --sjmk-text-2: var(--ink-2); --sjmk-text-3: var(--ink-2);
 *             --sjmk-border: var(--line); --sjmk-primary: var(--accent); --sjmk-bg: var(--surface-2);
 *             --sjmk-surface: var(--surface); --sjmk-shadow-card: var(--shadow);
 *   · 새 사이트 = --sjmk-* 를 직접 적거나 홈피 이름(--text 등)을 쓰면 된다. 둘 다 없으면 홈피 값(아래 마지막 폴백).
 *
 * ★사이트 tokens.css 가 이 파일보다 «뒤에» 실려도 된다 — 사용자 지정 속성은 같은 :root 에서 캐스케이드가 끝난 뒤 계산되므로
 *   폴백 안의 var(--text) 는 최종 --text 값을 본다(로드 순서와 무관).
 * ★--font-lang 은 다리가 아니다 — 레이아웃이 <html style="--font-lang: …"> 로 요청마다 넣는 값(정본 = language-policy.json).
 */
:root {
  /* 색 (Light 기준 · 폴백값 = 홈피 tokens.css 그대로) */
  --sjmk-primary:     var(--primary,     #2563EB);
  --sjmk-on-primary:  var(--on-primary,  #FFFFFF);
  --sjmk-bg:          var(--bg,          #F1F5FB);
  --sjmk-surface:     var(--surface,     #FFFFFF);
  --sjmk-border:      var(--border,      #D7DEE8);
  --sjmk-text:        var(--text,        #0F172A);
  --sjmk-text-2:      var(--text-2,      #475569);
  --sjmk-text-3:      var(--text-3,      #94A3B8);
  --sjmk-error:       var(--error,       #DC2626);
  --sjmk-warning:     var(--warning,     #D97706);

  /* 모양 */
  --sjmk-radius:      var(--radius,      16px);
  --sjmk-radius-sm:   var(--radius-sm,   10px);
  --sjmk-shadow-card: var(--shadow-card, 0 1px 3px rgba(15, 23, 42, .06), 0 8px 24px rgba(15, 23, 42, .05));

  /* 글꼴 — 시스템 폰트 스택(웹폰트 파일 없음) */
  --sjmk-font:        var(--font, "Pretendard", "Noto Sans KR", "Noto Sans JP", "Noto Sans", system-ui, sans-serif);
}