/* 白場のモード / mode-hakuba — design tokens */
:root {
  /* ── ベース（白）── */
  --color-bg: #fcfcfb;          /* 白場のベース（純白は使わない） */
  --color-bg-alt: #f4f3f1;      /* 節替えのごく淡い地 */

  /* ── 墨・中灰（両方向で実測済み。§9参照） ── */
  --color-ink: #191817;         /* 墨。見出し・本文・強い要素 */
  --color-text: #191817;        /* 本文は墨と同値（濃淡の階層を増やさない） */
  --color-text-weak: #6b6a68;   /* 中灰。ラベル・キャプション・弱テキスト（白地専用） */
  --color-line: #e8e7e5;        /* 罫線 */

  /* ── 反転面（ブランドについて・フッターのみ使用） ── */
  --color-bg-invert: #191817;         /* 墨地 */
  --color-text-invert: #fcfcfb;       /* 白地の文字（墨地の上）17.27:1 */
  --color-text-weak-invert: #a8a6a2;  /* 墨地の上の弱文字。7.30:1（中灰をそのまま墨地に置かない） */

  /* 変数には総称ファミリ(serif/sans-serif)を含めない。フォールバック連結が壊れる */
  --font-heading: "Noto Serif JP";   /* 和文。声を潜める細さ（300） */
  --font-body: "Noto Serif JP";
  --font-latin: "Archivo";           /* 欧文・数字。硬いグロテスク。Interに置換しない */

  --tracking-label: 0.18em;    /* 欧文ラベル・LOOK素材語・ナビの基本字間 */
  --tracking-display: -0.01em; /* LOOK番号など特大欧文はわずかに詰める */

  --space-unit: 8px;
  --radius: 0;                 /* 直角のみ。角丸は使わない */
  --max-width: 1180px;
  --measure: 620px;            /* 本文段落の最大行長 */
}