/* ================================================================
   키워드마스터 공통 디자인 토큰 v1 (2026-07-05)
   - 기준 팔레트: 랜딩의 토스 블루 계열(#3182f6)로 전 페이지 통일
   - 새 스타일을 쓸 때는 아래 토큰(var(--km-*))만 사용할 것
   - 데이터 표현색(순위 상승/하락)은 --km-up/--km-down 사용, 브랜드색과 혼용 금지
   ================================================================ */
:root{
  /* 브랜드 */
  --km-primary:#3182f6;        /* 주 파랑 (버튼·링크·강조) */
  --km-primary-strong:#1b64da; /* 진한 파랑 (hover·굵은 강조) */
  --km-primary-weak:#eaf2fe;   /* 연한 파랑 배경 */
  --km-primary-line:#d6e7ff;   /* 파랑 계열 테두리 */

  /* 잉크·중립 */
  --km-ink:#191f28;            /* 본문 */
  --km-ink-2:#4e5968;          /* 보조 본문 */
  --km-muted:#8b95a1;          /* 흐린 텍스트 */
  --km-line:#e5e8eb;           /* 기본 테두리 */
  --km-bg:#f7f9fc;             /* 페이지 배경 */
  --km-surface:#ffffff;        /* 카드·표면 */
  --km-navy:#101d33;           /* 다크 패널 공통색 (사이드 패널 등) */

  /* 상태 */
  --km-success:#12b76a;
  --km-warning:#f59e0b;
  --km-danger:#ef4444;
  --km-up:#12b76a;             /* 순위 상승 */
  --km-down:#ef4444;           /* 순위 하락 */
  --km-kakao:#fee500;          /* 카카오 전용 (변경 금지) */

  /* 라운드·그림자 */
  --km-r-sm:8px;
  --km-r-md:12px;
  --km-r-lg:16px;
  --km-r-full:999px;
  --km-shadow-1:0 1px 3px rgba(25,31,40,.06);
  --km-shadow-2:0 18px 42px rgba(25,31,40,.14);

  /* 타이포 */
  --km-font:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif;
}

/* 한글 제목은 단어 단위로만 줄바꿈 (중간 절단 방지) — 전 페이지 공통 */
h1,h2,h3{word-break:keep-all}