/* Airbnb-inspired visual tokens for Kid+D.
 * Palette and type scale derive from the user-provided design analysis.
 * Kid+D keeps Mitr/Anuphan; this file owns values, not component layout. */
:root {
  --kv2-airbnb-primary: #ff385c;
  --kv2-airbnb-primary-active: #e00b41;
  --kv2-airbnb-primary-disabled: #ffd1da;
  --kv2-kiddee-quote-purple: #9161f1;
  --kv2-kiddee-cover-yellow: #ffd84d;
  --kv2-airbnb-error: #c13515;
  --kv2-airbnb-ink: #222222;
  --kv2-airbnb-body: #3f3f3f;
  --kv2-airbnb-muted: #6a6a6a;
  --kv2-airbnb-muted-soft: #929292;
  --kv2-airbnb-hairline: #dddddd;
  --kv2-airbnb-hairline-soft: #ebebeb;
  --kv2-airbnb-border-strong: #c1c1c1;
  --kv2-airbnb-canvas: #ffffff;
  --kv2-airbnb-surface-soft: #f7f7f7;
  --kv2-airbnb-surface-strong: #f2f2f2;
  --kv2-airbnb-on-primary: #ffffff;
  --kv2-airbnb-scrim: #000000;

  --kv2-type-display-xl-size: 28px;
  --kv2-type-display-xl-weight: 600;
  --kv2-type-display-xl-line: 1.43;
  --kv2-type-display-lg-size: 22px;
  --kv2-type-display-lg-weight: 500;
  --kv2-type-display-lg-line: 1.18;
  --kv2-type-display-md-size: 21px;
  --kv2-type-display-md-weight: 600;
  --kv2-type-display-md-line: 1.43;
  --kv2-type-display-sm-size: 20px;
  --kv2-type-display-sm-weight: 500;
  --kv2-type-display-sm-line: 1.2;
  --kv2-type-title-md-size: 16px;
  --kv2-type-title-md-weight: 500;
  --kv2-type-title-md-line: 1.25;
  --kv2-type-title-sm-size: 16px;
  --kv2-type-title-sm-weight: 500;
  --kv2-type-title-sm-line: 1.25;
  --kv2-type-body-md-size: 16px;
  --kv2-type-body-md-weight: 400;
  --kv2-type-body-md-line: 1.5;
  --kv2-type-body-sm-size: 14px;
  --kv2-type-body-sm-weight: 400;
  --kv2-type-body-sm-line: 1.43;
  --kv2-type-caption-size: 14px;
  --kv2-type-caption-weight: 500;
  --kv2-type-caption-line: 1.29;
  --kv2-type-caption-sm-size: 13px;
  --kv2-type-caption-sm-weight: 400;
  --kv2-type-caption-sm-line: 1.23;
  --kv2-type-badge-size: 11px;
  --kv2-type-badge-weight: 600;
  --kv2-type-badge-line: 1.18;
  --kv2-type-micro-size: 12px;
  --kv2-type-micro-weight: 700;
  --kv2-type-micro-line: 1.33;
  --kv2-type-button-size: 16px;
  --kv2-type-button-weight: 500;
  --kv2-type-button-line: 1.25;
  --kv2-type-button-sm-size: 14px;
  --kv2-type-button-sm-weight: 500;
  --kv2-type-button-sm-line: 1.29;
  --kv2-type-nav-size: 16px;
  --kv2-type-nav-weight: 600;
  --kv2-type-nav-line: 1.25;
  --kv2-type-rating-size: 64px;
  --kv2-type-rating-weight: 700;
  --kv2-type-rating-line: 1.1;
}