/*
 * デザイントークン。値の出所は docs/research/DESIGN_TOKENS.md。
 * ブレークポイント(確定・本家 www.qbdo.co.jp ライブCSS実測 2026-06-24):
 *   PC=980px以上 / タブレット=691〜979px / モバイル(SP)=690px以下。
 *   ハンバーガー切替点=979px(max-width:979px で gnavi非表示・ハンバーガー表示)。
 *   コンテンツ折り返し(グリッド1カラム化等)=690px。
 *   ※782pxの@mediaはWordPress管理バー高さ変化用(コア仕様)でデザイン境界ではない。
 * ※メディアクエリ条件にCSS変数は使えないため、各@mediaには値を直書きし本コメントを出所とする。
 */
:root {
  --color-primary: rgb(99, 147, 156);
  --color-primary-light: rgb(158, 196, 200);
  --color-primary-pale: rgb(209, 228, 229);
  --color-card-link-bg: rgb(239, 244, 244);
  --color-text: rgb(102, 102, 102);
  --color-bg: rgb(255, 255, 255);
  --color-bg-light: rgb(245, 245, 245);
  --color-footer-bar: rgb(102, 102, 102);
  --color-border: rgb(221, 221, 221);

  --font-display: "Libre Bodoni", serif; /* LTCBodoni175W01の暫定置換(設計判断#4)。ライセンス確定で先頭を差し替え */
  --font-heading: "Noto Serif JP", serif;
  --font-body: "Noto Sans JP", sans-serif;

  --space-100: 100px;
  --space-80: 80px;
  --space-60: 60px;
  --space-50: 50px;
  --space-40: 40px;

  --content-max: 1280px;
  --content-inner: 1120px;
  --side-padding: 72.5px;
  --header-height: 85px;
}