:root {
  /* Families */
  --font-ja:       "Zen Kaku Gothic New", sans-serif; /* JA body (body default) */
  --font-en-serif: "PT Serif", serif;                 /* EN headings, dates, footer title */
  --font-ja-serif: "Zen Old Mincho", serif;           /* JA 明朝 — display title */
  --font-en-sans:  "Poppins", sans-serif;             /* EN UI (buttons, labels) + big EN copy */

  /* Type scale (PC → see media queries for SP) */
  --fs-h2-xl:        86px;  /* Company Info heading (SP: 52px) */
  --fs-h2:           62px;  /* Information heading (SP: 32px) */
  --fs-statement-en: 56px;  /* yellow EN statement (SP: 28px) */
  --fs-h2-sub:       22px;  /* Statement label, gray (SP: 18px) */
  --fs-lead:         20px;  /* MV copy, card titles (SP: 14-15px) */
  --fs-body:         18px;  /* body (SP: 14px) */
  --fs-btn:          17px;  /* CTA button (SP: 15px) */
  --fs-small:        14px;  /* tabs, dates, header clock (SP: 10-12px) */
  --fs-vertical:     13px;  /* vertical sticky label (SP: 10px) */
  --fs-footer-hero:  clamp(10px, 5.4233vw, 82px); /* @kind font */

  --lh-body:     2;      /* @kind font */ /* body: calc(36/18) */
  --lh-tight:    1.35;   /* @kind font */ /* big EN copy */
  --ls-normal:   0.02em; /* body */
  --ls-wide:     0.06em; /* EN UI */
  --ls-vertical: 0.2em;  /* vertical label */
}

/* SP type scale (breakpoint 767px) */
@media (max-width: 767px) {
  :root {
    --fs-h2-xl:        52px;
    --fs-h2:           32px;
    --fs-statement-en: 28px;
    --fs-h2-sub:       18px;
    --fs-lead:         15px;
    --fs-body:         14px;
    --fs-btn:          15px;
    --fs-small:        12px;
    --fs-vertical:     10px;
  }
}