/* tokens-ksk.css — KSK(대한민국 구석구석) 색·폰트 정식 토큰 (worker-4, 2026-09-06)
   출처: worker-20 round/ksk_design_tokens_20260906.json(2026-09-06 09:29:08 측정,
   Playwright headless getComputedStyle + elementFromPoint 실측). 이 파일이 도착하기 전
   worker-4 가 픽셀 샘플링으로 만든 임시본을 이 정식본으로 전량 교체했다(브랜드 블루
   #236cf6 는 두 방법 모두 동일값 — 교차검증됨).
   폰트: KSK 실제 사용 "Pretendard GOV"(자체호스팅·출처 라이선스 미확인)를 그대로 쓰지 않고,
   가중치 체계(Light/Regular/Medium/SemiBold/Bold/ExtraBold)가 정확히 일치하는 오픈소스
   원본 Pretendard(SIL OFL 1.1, 무료·상업이용 가능·github.com/orioncactus/pretendard)로
   대체한다 — license_note 근거(확신도 Medium이나 무료 대체재로는 충분). 폴백 = Noto Sans KR
   (OFL, Google Fonts, KSK 자체 폴백에도 존재).
   ★KSK 비표준 굵기 매핑(700=Medium 파일)을 따르지 않고 표준 넘버링(400/500/600/700/800)
   으로 재매핑했다 — 아래 각 스케일 변수의 font-weight 값은 "시각적으로 관찰된 굵기" 기준. */
:root {
  /* 색 */
  --ksk-text-primary: #333333;
  --ksk-text-muted: #666666;
  --ksk-text-muted-alt: #71717c;
  --ksk-heading-ink: #29292c;
  --ksk-brand: #236cf6;
  --ksk-brand-hover: #1a56c9;      /* 미실측(hover 캡처 실패, ksk_design_tokens caveats 참고) — 브랜드색을 15% 어둡게 한 추정치, 실측 아님을 명시 */
  --ksk-brand-light: #e5eefe;      /* worker-4 픽셀샘플(서비스 아이콘 원형 배경 톤) — getComputedStyle 미측정 항목이라 유지 */
  --ksk-brand-lighter: #e8f3ff;    /* worker-4 픽셀샘플(AI 섹션 배경) — 상동 */
  --ksk-page-bg: #ffffff;
  --ksk-gnb-bg: #ffffff;
  --ksk-bg-alt: #f0f0f0;           /* worker-4 픽셀샘플(푸터 배경) — 상동, getComputedStyle 미측정 */
  --ksk-border: #eaeaea;

  /* ★2026-09-06 R2(codex H2 수리) — --ksk-on-brand 를 ksk-home.css 로컬에서 이 파일로 이관.
     출처: round/ksk_live_capture_20260906/main_desktop1440_attempt1.png 의 브랜드색 배지
     "여행기사"(AI 요약 카드)를 PIL 픽셀 샘플링으로 직접 실측(worker-4, 좌표 (90,1280)-(220,1315),
     130x35px 박스). 결과: 배경 최빈값 (35,108,246)=#236cf6(=--ksk-brand 와 정확히 일치·교차검증
     완료), 전경(텍스트·아이콘) 최빈값 (255,255,255)=#ffffff 순백 2,674px vs 배경 1,400px.
     ⇒ #ffffff 는 R1에서 "실측치 아님"으로 REVISE 받았던 값과 결과적으로 같은 수치이지만,
     이번엔 실제 KSK 브랜드 버튼 위 흰 텍스트를 픽셀 단위로 직접 측정해 확인한 값이다(추정이
     아니라 실측). 대비 4.62:1(WCAG 4.5:1 통과, 독립 계산 유지). */
  --ksk-on-brand: #ffffff;

  /* ★2026-09-06 R2 — ksk-home.css 의 rgba 그림자 3종·오버레이 1종을 리터럴에서 승격.
     값 자체는 worker-4 최초 구현 시 정한 관용적 수치(그림자 깊이·오버레이 농도)이며 KSK
     getComputedStyle 실측 항목이 아니다(box-shadow 는 ksk_design_tokens caveats 에도
     "전 샘플 boxShadow=none 관측"으로 남아 실측 불가로 기록돼 있음) — 새 값을 만든 게 아니라
     기존에 이미 쓰던 리터럴을 이름 붙여 옮긴 것뿐임을 정직 기재. */
  --ksk-shadow-sm: 0 4px 8px rgba(0, 0, 0, .06);   /* 모바일 GNB 펼침 메뉴 */
  --ksk-shadow-md: 0 8px 20px rgba(0, 0, 0, .10);  /* GNB 드롭다운 목록 */
  --ksk-shadow-lg: 0 4px 16px rgba(0, 0, 0, .12);  /* 히어로 검색 캡슐 */
  --ksk-overlay-hero: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);

  /* ★2026-09-06 R2 — worker-20 제안(master 09-06 10:27 전달) 의미 별칭 토큰. 새 색상이
     아니라 기존 토큰을 재사용하는 alias(값 자체의 KSK 실측 여부는 원본 토큰 주석 참고). */
  --ksk-disabled: var(--ksk-text-muted);
  --ksk-placeholder-bg: var(--ksk-bg-alt);

  /* ★2026-09-07 BRIEF_LOOK_DUALIZE — region(가볼래-터=공간축)/festival(축제달력=시간축)
     시각 이원화용 신규 semantic 토큰. region 은 기존 --ksk-brand* 계열을 그대로 쓰고,
     festival 만 이 액센트(따뜻한 톤 — 브랜드 파랑과 대비되면서 "축제" 인상에 맞도록 선택)를
     밴드·활성탭·D-day류 배지에 한정해 쓴다. KSK 실측치 아님(놀루트립 자체 신규 색상 — 지어낸
     장소·데이터가 아니라 순수 UI 색이므로 "지어내기 금지" 규율과 무관). 대비비는 WCAG 상대
     휘도 공식으로 독립 계산(worker-4, 2026-09-07):
     - #c2410c on #ffffff(--ksk-page-bg) = 5.18:1 (텍스트용, AA 4.5:1 통과)
     - #ffffff(--ksk-on-brand) on #c2410c = 5.18:1 (배지 흰 텍스트용, AA 통과)
     - #c2410c on #fbeee3(자기 자신의 -light) = 4.55:1 (연한 배경 위 텍스트용, AA 통과) */
  --ksk-accent-festival: #c2410c;
  --ksk-accent-festival-light: #fbeee3;

  /* 타이포 스케일(worker-20 실측 그대로, 표준 굵기로 재매핑) */
  --ksk-fs-body: 13px;            --ksk-fw-body: 400;             --ksk-lh-body: 18.2px;
  --ksk-fs-h2: 24px;              --ksk-fw-h2: 800;               --ksk-lh-h2: 24px;    --ksk-mg-h2: 60px 0 32px;
  --ksk-fs-card-title: 20px;      --ksk-fw-card-title: 700;
  --ksk-fs-card-desc: 14px;       --ksk-fw-card-desc: 400;
  --ksk-fs-total-count: 13px;     --ksk-fw-total-count: 700;
  --ksk-fs-more-btn: 13px;        --ksk-fw-more-btn: 400;
  --ksk-fs-gnb-link: 13px;        --ksk-fw-gnb-link: 700;

  /* 치수(worker-20 실측 — 대형 히어로 자체 치수는 미실측·caveats 참고) */
  --ksk-thumb-list-w: 140px;       --ksk-thumb-list-h: 94px;   /* 목록 카드 썸네일 */
  --ksk-thumb-hero-side-w: 313.6px; --ksk-thumb-hero-side-h: 160px; /* 히어로 우측 보조 썸네일 */
  --ksk-card-radius: 12px;
  --ksk-icon-circle-size: 64px;    /* worker-4 픽셀샘플 근사, getComputedStyle 미측정 */

  /* 폰트 — 무료 대체재(OFL) */
  --ksk-font: "Pretendard", "Noto Sans KR", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;

  /* 레이아웃 폭 */
  --ksk-desktop-max: 1200px;
}