/* 테마 값 — 색·서체·크기. 사이트 전체의 색과 서체는 이 파일만 바꾸면 된다.
   체인 색(--marriott 등)은 구분용이며 공식 브랜드 색이 아니다. 체인을 더하면 web/config/site.json의 chains, 아래 체인 구분색, brands.css에 더한다. */
:root{
  /* 바탕 · 글자 */
  --paper:oklch(98.2% .004 240);
  --paper-2:oklch(96% .006 240);
  --card:oklch(99.6% .002 240);
  --ink:oklch(20% .012 250);
  --ink-2:oklch(33% .014 250);
  --muted:oklch(47% .012 250);
  --faint:oklch(64% .01 250);
  --rule:oklch(88% .008 250);
  --rule-2:oklch(93% .006 250);
  /* 강조(선택·마우스) */
  --signal:oklch(87% .17 95);
  --signal-soft:oklch(95% .07 95);
  /* 지도 */
  --sea:oklch(93.8% .016 232);
  --land:oklch(99.6% .002 240);
  --coast:oklch(72% .02 240);
  --river:oklch(88% .03 235);
  --ink-wash:oklch(20% .012 250 / .05);    /* 도시 묶음 고리 안 */
  --ink-wash-2:oklch(20% .012 250 / .06);  /* 이름표 묶음 고리 안 */
  --ink-line:oklch(20% .012 250 / .2);     /* 선택 카드 안 구분선 */
  --glass:oklch(99.6% .002 240 / .9);      /* 거리 지도 위 안내 문구 바탕 */
  --glass-shadow:0 1px 4px oklch(20% .012 250 / .12);
  --scrim:oklch(20% .012 250 / .42);       /* 창(동의·제보) 뒤 화면 가림 */
  /* 브랜드 아이콘 칸 */
  --icon-bg:#fff;
  --icon-shadow:0 0 0 1px oklch(20% .012 250 / .16),0 1px 2px oklch(20% .012 250 / .18);
  /* 체인 구분색 */
  --marriott:oklch(56% .19 28);
  --accor:oklch(66% .14 68);
  --hyatt:oklch(56% .1 180);
  --hilton:oklch(52% .17 258);
  --ihg:oklch(53% .17 312);
  /* 서체 */
  --ko:"Gothic A1","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  --num:"Barlow Semi Condensed","Arial Narrow",sans-serif;
  /* 크기 */
  --top-h:64px;
  --panel-w:440px;
  --shadow:0 1px 0 oklch(20% .012 250 / .06),0 4px 14px oklch(20% .012 250 / .08);
}
@media (max-width:1180px){:root{--panel-w:380px}}
@media (max-width:900px){:root{--top-h:auto}}