/* Airbnb Design System — Typography tokens
   Airbnb Cereal VF carries the whole scale. Inter is the open-source substitute.
   Display weights stay modest — photography carries hierarchy, not type. */

:root {
  --font-sans: "Airbnb Cereal VF", "Cereal", "Circular", Inter,
               -apple-system, system-ui, Roboto, "Helvetica Neue", sans-serif;

  /* ---- Type scale: size / weight / line-height / letter-spacing ---- */

  /* The single loud moment — listing-detail rating ("4.81") */
  --type-rating-display-size: 64px;
  --type-rating-display-weight: 700;
  --type-rating-display-lh: 1.1;
  --type-rating-display-ls: -1px;

  /* Homepage h1 — deliberately small, tucks under the search bar */
  --type-display-xl-size: 28px;
  --type-display-xl-weight: 700;
  --type-display-xl-lh: 1.43;
  --type-display-xl-ls: 0;

  /* Listing detail h1 — quieter still */
  --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 listing detail */
  --type-display-md-size: 21px;
  --type-display-md-weight: 700;
  --type-display-md-lh: 1.43;
  --type-display-md-ls: 0;

  /* 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;

  /* City link block titles */
  --type-title-md-size: 16px;
  --type-title-md-weight: 600;
  --type-title-md-lh: 1.25;
  --type-title-md-ls: 0;

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

  /* Default running text inside listing copy */
  --type-body-md-size: 16px;
  --type-body-md-weight: 400;
  --type-body-md-lh: 1.5;
  --type-body-md-ls: 0;

  /* 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: 0;

  /* Search field segment labels (Where / When / Who) */
  --type-caption-size: 14px;
  --type-caption-weight: 500;
  --type-caption-lh: 1.29;
  --type-caption-ls: 0;

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

  /* "Guest favorite" floating badge */
  --type-badge-size: 11px;
  --type-badge-weight: 600;
  --type-badge-lh: 1.18;
  --type-badge-ls: 0;

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

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

  /* Primary CTA button labels */
  --type-button-md-size: 16px;
  --type-button-md-weight: 500;
  --type-button-md-lh: 1.25;
  --type-button-md-ls: 0;

  /* Pill button labels (category strip) */
  --type-button-sm-size: 14px;
  --type-button-sm-weight: 500;
  --type-button-sm-lh: 1.29;
  --type-button-sm-ls: 0;

  /* Inline body links */
  --type-link-size: 14px;
  --type-link-weight: 400;
  --type-link-lh: 1.43;
  --type-link-ls: 0;

  /* Top product-nav labels (Homes / Experiences / Services) */
  --type-nav-link-size: 16px;
  --type-nav-link-weight: 600;
  --type-nav-link-lh: 1.25;
  --type-nav-link-ls: 0;
}