/* ============================================================
   COCOTOMO FARM — Typography tokens
   ============================================================ */
:root {
  /* ---- Families ------------------------------------------- */
  --font-display: 'M PLUS Rounded 1c', 'Hiragino Maru Gothic ProN', sans-serif; /* headings, editorial — rounded gothic */
  --font-round:   'Zen Maru Gothic', 'Hiragino Maru Gothic ProN', sans-serif; /* friendly accents, wordmark feel */
  --font-body:    'Noto Sans JP', 'Hiragino Kaku Gothic ProN', system-ui, sans-serif; /* UI + body */

  /* ---- Type scale (1.250 major-third-ish, tuned) ---------- */
  --text-2xs: 0.6875rem; /* 11px */
  --text-xs:  0.75rem;   /* 12px */
  --text-sm:  0.875rem;  /* 14px */
  --text-base:1rem;      /* 16px */
  --text-md:  1.125rem;  /* 18px */
  --text-lg:  1.375rem;  /* 22px */
  --text-xl:  1.75rem;   /* 28px */
  --text-2xl: 2.25rem;   /* 36px */
  --text-3xl: 2.875rem;  /* 46px */
  --text-4xl: 3.75rem;   /* 60px */

  /* ---- Weights -------------------------------------------- */
  --weight-regular: 400;
  --weight-medium:  500;
  --weight-bold:    700;
  --weight-black:   900;

  /* ---- Line heights --------------------------------------- */
  --leading-tight:   1.2;
  --leading-snug:    1.4;
  --leading-normal:  1.7;  /* Japanese body wants generous leading */
  --leading-relaxed: 1.9;

  /* ---- Letter spacing (JP benefits from a touch of tracking) */
  --tracking-tight:  -0.01em;
  --tracking-normal: 0.02em;
  --tracking-wide:   0.08em;
  --tracking-label:  0.14em;

  /* ---- Semantic roles ------------------------------------- */
  --display-font:   var(--font-display);
  --display-weight: var(--weight-bold);
  --heading-font:   var(--font-display);
  --label-font:     var(--font-round);
  --body-font:      var(--font-body);
}