/* ALL24 Design System — Typography Tokens */

:root {
  /* ── Font Families ──────────────────────────────────── */
  /** Primary UI font — Inter Variable. Fallback chain covers Korean via Noto Sans KR. */
  --font-primary: "Inter", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  /** Korean-first stack for KO-heavy surfaces. */
  --font-korean:  "Noto Sans KR", "Inter", -apple-system, sans-serif;

  /* ── Display ────────────────────────────────────────── */
  /** Rating hero — 64 px / 700. The loudest typographic moment. */
  --type-rating-display-size:   64px;
  --type-rating-display-weight: 700;
  --type-rating-display-lh:     1.1;
  --type-rating-display-ls:     -1px;

  /** Homepage h1 headline. */
  --type-display-xl-size:   28px;
  --type-display-xl-weight: 700;
  --type-display-xl-lh:     1.43;
  --type-display-xl-ls:     0px;

  /** Listing detail h1. */
  --type-display-lg-size:   22px;
  --type-display-lg-weight: 500;
  --type-display-lg-lh:     1.18;
  --type-display-lg-ls:     -0.44px;

  /** Section heads inside detail views. */
  --type-display-md-size:   21px;
  --type-display-md-weight: 700;
  --type-display-md-lh:     1.43;
  --type-display-md-ls:     0px;

  /** Sub-section titles. */
  --type-display-sm-size:   20px;
  --type-display-sm-weight: 600;
  --type-display-sm-lh:     1.20;
  --type-display-sm-ls:     -0.18px;

  /* ── Titles ─────────────────────────────────────────── */
  /** City/location block titles, card titles. */
  --type-title-md-size:   16px;
  --type-title-md-weight: 600;
  --type-title-md-lh:     1.25;
  --type-title-md-ls:     0px;

  /** Footer column heads, lighter section labels. */
  --type-title-sm-size:   16px;
  --type-title-sm-weight: 500;
  --type-title-sm-lh:     1.25;
  --type-title-sm-ls:     0px;

  /* ── Body ───────────────────────────────────────────── */
  /** Default running text. */
  --type-body-md-size:   16px;
  --type-body-md-weight: 400;
  --type-body-md-lh:     1.5;
  --type-body-md-ls:     0px;

  /** Card meta, dates, prices, distance. */
  --type-body-sm-size:   14px;
  --type-body-sm-weight: 400;
  --type-body-sm-lh:     1.43;
  --type-body-sm-ls:     0px;

  /* ── UI / Micro ─────────────────────────────────────── */
  /** Search segment labels — "Where", "When", "Who". */
  --type-caption-size:   14px;
  --type-caption-weight: 500;
  --type-caption-lh:     1.29;
  --type-caption-ls:     0px;

  /** Footer legal line, copyright. */
  --type-caption-sm-size:   13px;
  --type-caption-sm-weight: 400;
  --type-caption-sm-lh:     1.23;
  --type-caption-sm-ls:     0px;

  /** Floating badge text — "Guest favorite". */
  --type-badge-size:   11px;
  --type-badge-weight: 600;
  --type-badge-lh:     1.18;
  --type-badge-ls:     0px;

  /** Dense amenity micro-labels. */
  --type-micro-label-size:   12px;
  --type-micro-label-weight: 700;
  --type-micro-label-lh:     1.33;
  --type-micro-label-ls:     0px;

  /** "NEW" badge on product nav tabs. Always uppercase. */
  --type-uppercase-tag-size:   8px;
  --type-uppercase-tag-weight: 700;
  --type-uppercase-tag-lh:     1.25;
  --type-uppercase-tag-ls:     0.32px;

  /* ── Buttons ────────────────────────────────────────── */
  --type-button-md-size:   16px;
  --type-button-md-weight: 500;
  --type-button-md-lh:     1.25;
  --type-button-md-ls:     0px;

  --type-button-sm-size:   14px;
  --type-button-sm-weight: 500;
  --type-button-sm-lh:     1.29;
  --type-button-sm-ls:     0px;

  /* ── Navigation ─────────────────────────────────────── */
  --type-nav-link-size:   16px;
  --type-nav-link-weight: 600;
  --type-nav-link-lh:     1.25;
  --type-nav-link-ls:     0px;

  /* ── Links ──────────────────────────────────────────── */
  --type-link-size:   14px;
  --type-link-weight: 400;
  --type-link-lh:     1.43;
  --type-link-ls:     0px;
}