/* ==========================================
   Pretty Keep — Fluid Typography Overrides v0.66f
   (font-size ONLY; no spacing/position changes)
   - Uses clamp() to scale between ~320px and ~1440px viewports
   - Keeps your existing tokens but makes them fluid
   ========================================== */

/* 1) Token remap (head/body/small) */
:root{
  --h1: clamp(1.75rem, 1.25rem + 1.5vw, 2.25rem);   /* main page section titles */
  --h2: clamp(1.25rem, 1.0rem + 0.8vw, 1.6rem);     /* subsection titles */
  --h3: clamp(1.0625rem, 0.95rem + 0.45vw, 1.25rem);/* small titles / meta */
  --body: clamp(0.9375rem, 0.85rem + 0.3vw, 1rem);  /* default text (15→16px) */
  --small: clamp(0.8rem, 0.78rem + 0.18vw, 0.875rem); /* helper/labels */
  /* icon grid label size variable used in styles.css */
  --icon-text: clamp(0.8rem, 0.76rem + 0.2vw, 0.9375rem); /* ~12.8→15px */
}

/* 2) Global elements (font-size only) */
html, body { font-size: var(--body); }
h1 { font-size: var(--h1); }
h2 { font-size: var(--h2); }
h3 { font-size: var(--h3); }
small, .text-small { font-size: var(--small); }

/* 3) Icon grid labels (already bound to --icon-text in styles.css) */
.icon-btn span { font-size: var(--icon-text); }

/* 4) Region tabs (서울/인천/부산/제주) + mid tabs (중분류) */
.pk-midtabs button { font-size: clamp(0.875rem, 0.82rem + 0.22vw, 0.95rem); } /* ~14→15.2px */

/* 5) Chips (소분류), general pills */
.pk-chips button,
.pk-chip { font-size: clamp(0.8125rem, 0.78rem + 0.2vw, 0.875rem); } /* ~13→14px */

/* 6) Results header/meta and toolbar */
.pk-results .pk-meta,
.pk-results .pk-toolbar { font-size: clamp(0.875rem, 0.82rem + 0.25vw, 1rem); }
.pk-results .pk-title,
.pk-results h3.title { font-size: clamp(1.125rem, 1.0rem + 0.8vw, 1.5rem); } /* title/count row */

/* 7) Empty state (검색결과 없음) */
.empty-state h3,
.pk-empty h3 { font-size: clamp(1.125rem, 1.0rem + 0.75vw, 1.5rem); }
.empty-state p,
.pk-empty p { font-size: clamp(0.875rem, 0.82rem + 0.25vw, 1rem); }
.empty-state .tips .pk-chip { font-size: clamp(0.8rem, 0.76rem + 0.2vw, 0.875rem); }

/* 8) Language button and menu (국기/라벨) */
#langBtn,
.lang-menu button { font-size: clamp(0.8125rem, 0.78rem + 0.2vw, 0.875rem); }
.lang-flag { font-size: clamp(0.9rem, 0.85rem + 0.3vw, 1.125rem); } /* ~14.4→18px */

/* 9) Footer small links/info */
.site-footer,
.foot-body { font-size: var(--small); }