/* Kitamura Design System — Typography scale
   Primary typeface: Noto Sans JP. Headings (見出し) use Medium (500),
   body (本文) uses Regular (400), labels (ラベル) use Medium (500),
   buttons use Bold (700). Sizes are desktop; mobile steps down one level. */

:root {
  --font-sans: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI",
    "Hiragino Sans", "Yu Gothic UI", Meiryo, sans-serif;
  --font-serif: "Noto Serif JP", "Hiragino Mincho ProN", serif;

  /* weights */
  --fw-regular: 400; /* @kind font */
  --fw-medium: 500; /* @kind font */
  --fw-bold: 700; /* @kind font */

  /* ---- Heading scale (見出し / Medium) ---- */
  --type-h-xxl: 56px;   /* line 1.25 */
  --type-h-xl: 45px;    /* line 1.3  */
  --type-h-l: 36px;     /* line 1.4  | mobile 32 */
  --type-h-m: 32px;     /* line 1.5  | mobile 28 */
  --type-h-s: 28px;     /* line 1.5 +0.02em | mobile 24 */
  --type-h-xs: 24px;    /* line 1.5 +0.04em | mobile 20 */
  --type-h-xxs: 20px;   /* line 1.5 +0.04em | mobile 18 */

  /* ---- Body (本文 / Regular) ---- */
  --type-body-l: 18px;  /* line 1.7 */
  --type-body-m: 16px;  /* line 1.5 — default body */
  --type-body-s: 14px;  /* line 1.7 */

  /* ---- Label (ラベル / Medium) ---- */
  --type-label-l: 16px; /* line 1.5 +0.04em */
  --type-label-m: 14px; /* line 1.5 +0.04em */
  --type-label-s: 12px;

  /* ---- Caption / 補足 (Regular) ---- */
  --type-caption: 12px; /* line 1.7 +0.01em */

  /* line-heights */
  --lh-tight: 1.25; /* @kind font */
  --lh-heading: 1.5; /* @kind font */
  --lh-body: 1.7; /* @kind font */

  /* letter-spacing */
  --ls-body: 0.02em;
  --ls-label: 0.04em;
}