/* ============================================================
   M-agency Presentation Design System — Typography
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-jp:      "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  --font-display: "Montserrat", "Noto Sans JP", sans-serif;  /* English caps display */
  --font-serif:   "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;
  --font-body:    var(--font-jp);

  /* ---- Weights ---- */
  --w-regular: 400; /* @kind other */
  --w-medium:  500; /* @kind other */
  --w-bold:    700; /* @kind other */
  --w-black:   900; /* @kind other */

  /* ---- Slide type scale (designed for 1280×720 frame) ---- */
  --fs-hero:     64px;  /* title-slide Japanese headline */
  --fs-display:  44px;  /* English display "Company Profile" */
  --fs-h1:       38px;  /* big content emphasis headline */
  --fs-h2:       28px;  /* slide title */
  --fs-h3:       22px;  /* panel / card heading */
  --fs-lead:     20px;  /* lead paragraph */
  --fs-body:     17px;  /* body text */
  --fs-small:    14px;  /* captions, table labels */
  --fs-micro:    11px;  /* footnotes, ※ annotations, copyright */

  /* large numeric callouts (charts / stats) */
  --fs-stat:     46px;
  --fs-stat-sm:  30px;

  /* ---- Line heights ---- */
  --lh-tight:  1.15;   /* @kind other */
  --lh-snug:   1.4; /* @kind other */
  --lh-body:   1.7;    /* @kind other */

  /* ---- Letter spacing ---- */
  --ls-display: 0.04em;   /* @kind other */
  --ls-jp-head: 0.02em; /* @kind other */
  --ls-label:   0.14em;   /* @kind other */
}

/* ---- Base element defaults (apply when consuming the system) ---- */
.ma-type {
  font-family: var(--font-body);
  color: var(--text-body);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  font-feature-settings: "palt" 1;   /* tightened JP proportional metrics */
}