/* ============================================================
   TYPOGRAPHY
   Latin display serif · Japanese mincho · Japanese gothic body.
   English section labels are set in Cormorant, often lowercase
   with generous letter-spacing (matches the LP "about / voice /
   point" labels). JP headings use Shippori Mincho; body uses
   Zen Kaku Gothic New.
   ============================================================ */
:root {
  /* ---- Families ---- */
  --font-serif-latin: "Cormorant Garamond", "Shippori Mincho", serif;
  --font-serif-jp:    "Shippori Mincho", "Cormorant Garamond", serif;
  --font-sans-jp:     "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN",
                      "Yu Gothic", "Noto Sans JP", sans-serif;

  --font-display: var(--font-serif-jp);   /* hero / JP headings */
  --font-label:   var(--font-serif-latin);/* lowercase EN labels */
  --font-body:    var(--font-sans-jp);    /* paragraphs / UI */

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

  /* ---- Type scale (px) ---- */
  --fs-display: 56px;  /* hero JP heading */
  --fs-h1: 40px;
  --fs-h2: 32px;
  --fs-h3: 25px;
  --fs-h4: 21px;
  --fs-lead: 19px;     /* lead paragraph */
  --fs-body: 16px;     /* base body */
  --fs-sm: 14px;
  --fs-xs: 12px;
  --fs-label: 15px;    /* EN section label */

  /* ---- Line heights ---- */
  --lh-tight: 1.2;     /* @kind other */
  --lh-snug: 1.45;     /* @kind other */
  --lh-body: 1.85;     /* @kind other */
  --lh-display: 1.35;  /* @kind other */

  /* ---- Letter spacing ---- */
  --ls-label: 0.18em;  /* spaced-out EN labels; @kind other */
  --ls-display: 0.04em; /* @kind other */
  --ls-body: 0.02em;   /* @kind other */
}