/* ■ 値の管理（色・文字サイズ・余白などの共通の値。ここを直せば全体に効く） */
/* タブレット・スマホの値は responsive.css の :root で、同じ変数名の値だけ切り替える */
:root{
  /* 色 */
  --ink:#29221b;
  --ink-soft:#51483e;
  --muted:#746a60;
  --paper:#fffdfa;
  --cream:#f6f1e8;
  --line:#e6ded3;
  --navy:#172b3e;
  --gold:#c89e4a;
  --gold-light:#e4bd69;
  --gold-dark:#a47b3e;
  --gold-mid:#b4945d;
  --gold-line:#cba456;
  --shadow:0 18px 46px rgba(57,43,27,.12);
  --alert:#8d3f45;
  --ok:#557b73;
  --mist:#f6f7f6;

  /* 書体 */
  --font-body:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
  --font-display:"Noto Serif JP","Yu Mincho","Hiragino Mincho ProN",serif;

  /* 文字サイズ */
  --fs-xs:11px;
  --fs-sm:12px;
  --fs-md:14px;
  --fs-lg:16px;
  --fs-h3-s:17px;
  --fs-h3-m:20px;
  --fs-h3-l:24px;
  --fs-h2-s:28px;
  --fs-h2:36px;

  /* 余白・間隔 */
  --space-section:88px;
  --space-x:max(40px,calc((100% - 1180px)/2));
  --space-heading:42px;
  --gap-grid:28px;
  --pad-card:28px 20px;

  /* ヘッダー */
  --header-h:88px;
  --header-w:min(1280px,calc(100% - 80px));
}