/* MITSUMURA — Typography tokens
 * Spec v5.0 §4. Cormorant Garamond (display/latin) · Noto Serif JP (body) · Noto Sans JP (UI).
 * Tone: thin weights, generous letter-spacing on latin display, quiet.
 */
:root {
  /* ---- Families ---- */
  --font-display: 'Cormorant Garamond', 'Noto Serif JP', serif;   /* latin headings, numerals, quotes */
  --font-serif:   'Noto Serif JP', 'Cormorant Garamond', serif;   /* JP body & subtitles */
  --font-sans:    'Noto Sans JP', system-ui, sans-serif;          /* UI, nav, captions */

  /* ---- Weights ---- */
  --w-thin:    200; /* @kind font */
  --w-light:   300; /* @kind font */
  --w-regular: 400; /* @kind font */
  --w-medium:  500; /* @kind font */

  /* ---- Type scale (rem, 16px base) ---- */
  --fs-display: 4.5rem;   /* 72 — hero latin display */
  --fs-h1:      3rem;     /* 48 */
  --fs-h2:      2.25rem;  /* 36 */
  --fs-h3:      1.5rem;   /* 24 */
  --fs-h4:      1.25rem;  /* 20 */
  --fs-lead:    1.125rem; /* 18 — lead paragraph */
  --fs-body:    1rem;     /* 16 */
  --fs-small:   0.875rem; /* 14 — captions, nav */
  --fs-micro:   0.75rem;  /* 12 — eyebrow, legal */

  /* ---- Line height ---- */
  --lh-tight:  1.15;   /* @kind font */
  --lh-snug:   1.4;    /* @kind font */
  --lh-body:   1.9;    /* @kind font */
  --lh-ui:     1.6;    /* @kind font */

  /* ---- Letter spacing ---- */
  --ls-display: 0.02em;   /* latin display */
  --ls-eyebrow: 0.3em;    /* uppercase latin eyebrows — wide */
  --ls-jp:      0.08em;   /* JP text breathing room */
  --ls-ui:      0.04em;

  /* ---- Semantic roles ---- */
  --text-eyebrow-size: var(--fs-micro);
  --text-body-size:    var(--fs-body);
  --text-lead-size:    var(--fs-lead);
}