:root{
  /* Body and UI: client-specified Hiragino Kaku Gothic ProN at standard weight. */
  --font-sans:"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","Yu Gothic Medium","Noto Sans JP","Helvetica Neue",Helvetica,sans-serif;
  /* Headings: client-specified Shimanami (JIS2004 design face). See tokens/fonts.css. */
  --font-display:"Shimanami","しまなみ","Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif;
  /* Legacy alias — --font-display is the correct name for heading type. */
  --font-serif:var(--font-display);

  /* sizes, measured off the 1473px desktop screenshots */
  --text-hero:104px;        /* CROCO ART FACTORY over the workshop photo */
  --text-display:52px;      /* red English sub-line */
  --text-mincho-xl:46px;    /* left-aligned Shimanami product statement */
  --text-page-heading:36px; /* centred Shimanami page heading, very wide tracking */
  --text-mincho-lg:40px;
  --text-title:30px;        /* panel titles: "information" · Q/A numerals */
  --text-label:24px;        /* centred English page label: "Contact form", "FAQ" */
  --text-lead:24px;         /* Shimanami lead paragraph */
  --text-sitemap-title:28px;/* footer "site map" */
  --text-link:17px;         /* menu overlay links */
  --text-body:16px;
  --text-fine:15px;         /* form labels, FAQ body, gothic detail */
  --text-footer-link:15px;
  --text-meta:14px;         /* timestamps */
  --text-copyright:12px;
  --text-rail:11px;         /* rotated address rail */

  --weight-regular:400;     /* Hiragino W3 — the body default */
  --weight-semibold:600;
  --weight-bold:700;

  --leading-hero:1.02;
  --leading-display:1.12;
  --leading-mincho:1.45;
  --leading-lead:1.62;
  --leading-body:1.5;
  --leading-fine:1.55;      /* FAQ answers and form help run open */

  --tracking-hero:-0.012em;
  --tracking-display:-0.005em;
  --tracking-label:0.005em;
  --tracking-mincho:0.06em;
  --tracking-mincho-wide:0.15em; /* centred page headings only */
  --tracking-lead:0.08em;
  --tracking-body:0.02em;
  --tracking-rail:0.06em;
}