/* 透明感のクリーンビューティー / clean-beauty — design tokens */
:root {
  --color-bg: #f7f5f2;          /* 地: ごく淡い温白 */
  --color-bg-alt: #f0ece5;      /* 節替えのやや深い温白 */
  --color-bg-ink: #23201c;      /* 締めセクション用の濃墨地 */

  --color-ink: #23201c;         /* 引き締めインク＝見出し・本文の主文字（純黒ではない濃墨） */
  --color-text-weak: #6b6259;   /* 弱文字・キャプション（bg比 5.49:1） */
  --color-offwhite: #f7f5f2;    /* 濃墨地の上の文字（bg-ink比 14.90:1） */
  --color-weak-on-ink: #c9c2b8; /* 濃墨地の上の弱文字（bg-ink比 9.18:1） */

  --color-mauve: #b7a4a8;       /* くすみモーヴ＝面・細線専用（文字には使わない） */
  --color-mauve-text: #785f64;  /* モーヴを文字として使う時だけの濃色版（bg比 5.33:1） */
  --color-sage: #9aa89a;        /* セージ＝面・細線専用（文字には使わない） */
  --color-sage-text: #566655;   /* セージを文字として使う時だけの濃色版（bg比 5.63:1） */

  --color-line: #e5e1da;        /* 罫線（装飾のみ・文字コントラスト要件の対象外） */
  --color-line-on-ink: #3a352e; /* 濃墨地の上の罫線（締めセクションの表組み用） */

  /* 変数には総称ファミリを含めない（body 側で sans-serif を補う） */
  --font-latin: "Jost";              /* 欧文・数字・製品名・成分名 */
  --font-heading: "Zen Kaku Gothic New"; /* 和文見出し 500 */
  --font-body: "Zen Kaku Gothic New";    /* 和文本文 400 */

  --space-unit: 8px;
  --radius: 2px;      /* 最小の角丸（ボタン・入力欄のみ）。写真は0固定＝排他 */
  --radius-photo: 0;  /* 写真は常にこれ。border-radius を上書きしない */
  --max-width: 1320px;

  /* 写真トーン統一：全写真に一律適用。個別に変えない（DESIGN.md §7/§9参照） */
  --photo-filter: saturate(0.9) brightness(1.02);
}