/* ============================================================
   MEBUKU — Typography tokens
   Shippori Mincho B1 = display/headings (elegant feminine mincho)
   Zen Kaku Gothic New = body / UI
   Parisienne          = script accents ("Online Secretary", logo)
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-serif:  "Shippori Mincho B1", "Hiragino Mincho ProN", "Yu Mincho", serif;
  --font-sans:   "Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Yu Gothic", sans-serif;
  --font-script: "Cormorant Garamond", "Cormorant", serif;
  /* English accents use --font-script with font-style: italic */

  /* ---- Weights ---- */
  --w-light:    300; /* @kind font */
  --w-regular:  400; /* @kind font */
  --w-medium:   500; /* @kind font */
  --w-semibold: 600; /* @kind font */
  --w-bold:     700; /* @kind font */

  /* ---- Type scale (px) ---- */
  --fs-display: 46px;   /* hero headline */
  --fs-h1:      36px;
  --fs-h2:      30px;   /* section titles */
  --fs-h3:      22px;
  --fs-h4:      18px;
  --fs-lead:    17px;   /* intro paragraphs */
  --fs-body:    15px;
  --fs-small:   13px;
  --fs-caption: 12px;
  --fs-script:  30px;   /* script accent default */

  /* ---- Line heights ---- */
  --lh-tight:   1.35;   /* @kind font */
  --lh-snug:    1.6;    /* @kind font */
  --lh-body:    1.9;    /* @kind font */

  /* ---- Letter spacing (Japanese reads better with tracking) ---- */
  --ls-display: 0.04em;  /* @kind font */
  --ls-heading: 0.08em;  /* @kind font */
  --ls-label:   0.18em;  /* @kind font */
  --ls-body:    0.04em;  /* @kind font */

  /* ---- Semantic aliases ---- */
  --text-display-font: var(--font-serif);
  --text-body-font:    var(--font-sans);
  --text-script-font:  var(--font-script);
}