/* Asia Almushrqa — Typography tokens
   Airbnb Cereal VF is proprietary and unavailable; Inter is the closest
   open substitute (per brief). Display line-heights nudged ~2% tighter to
   match Cereal's cap height. Circular kept as the historic fallback name. */

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

  /* Weights */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* Type scale — token: size / weight / line-height / tracking */

  /* Listing-detail rating display — the single loudest moment */
  --type-rating-display-size: 64px;
  --type-rating-display-weight: 700;
  --type-rating-display-lh: 1.1;
  --type-rating-display-ls: -1px;

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

  /* 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 */
  --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.2;
  --type-display-sm-ls: -0.18px;

  /* City-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 */
  --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 */
  --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 */
  --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" nav badge */
  --type-uppercase-tag-size: 8px;
  --type-uppercase-tag-weight: 700;
  --type-uppercase-tag-lh: 1.25;
  --type-uppercase-tag-ls: 0.32px;

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

  /* Pill button label */
  --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 */
  --type-nav-link-size: 16px;
  --type-nav-link-weight: 600;
  --type-nav-link-lh: 1.25;
  --type-nav-link-ls: 0;
}