/* 出所: RHEMS-Japan/reducer-lp  design/design-system/tokens/typography.css（2026-11-11 取得）
   値は改変していない。DS 更新時はファイルごと差し替える。 */

/* reducer — Typography tokens
 * IBM Plex Sans JP across EN + JP. The site sets html{font-size:10px} so all
 * rem values below are authored on that 10px base (1.6rem = 16px body).
 * Line-height is generous (1.8) for readable Japanese body copy.
 */
:root {
  --font-sans: "IBM Plex Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;

  /* weights actually shipped by the site */
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;   /* used on emphasized list items */

  /* Type scale (px — authored values from top.scss / common.scss) */
  --fs-display: 35px;   /* KV h2  ぎゅーっとコストダウン */
  --fs-h2: 30px;        /* section headline (#business h2) */
  --fs-h2-band: 28px;   /* 運営会社 band heading */
  --fs-h3: 24px;        /* flow step title */
  --fs-lead: 20px;      /* lead / emphasized paragraph, button_1/2 */
  --fs-title-pill: 18px;/* pill headings, point list */
  --fs-body: 16px;      /* body (1.6rem) */
  --fs-sm: 15px;        /* nav links */
  --fs-caption: 14px;   /* footer links, small labels */
  --fs-fine: 12px;      /* attention / credit fine print */

  --lh-body: 1.8;       /* default body */
  --lh-tight: 1.2;      /* display headline */
  --lh-heading: 1.4;

  --ls-normal: 0;
  --ls-wide: 0.05em;    /* headings, buttons */
}