/* デザイントークン（Phase 3 / Stage 1・素のCSS変数）。各値は従来の色そのまま＝見た目不変。 */
:root {
  --color-brand       : #0071ba;  /* ブランド青 */
  --color-accent-green: #57922b;  /* 緑アクセント */
  --color-accent-yellow: #f6bf00;  /* 黄アクセント */
  --color-link        : #ff8200;  /* リンク橙 */
  --color-text        : #262626;  /* 本文 */
  --color-ink         : #3e3a39;  /* 濃い文字/見出し */
  --color-gray        : #666666;  /* 補助テキスト */
  --color-gray-dark   : #4d4d4d;  /* 濃いグレー */
  --color-gray-light  : #b2b2b2;  /* 淡いグレー/境界 */
  --color-white       : #ffffff;  /* 白 */
  --color-gold        : #ce9700;  /* 金/アンバー */
  --color-olive       : #b79601;  /* オリーブ/濃い金 */
  --color-gray-mid    : #999999;  /* 中間グレー */


  /* フォントサイズ */
  --fs-12   : 12px;
  --fs-13   : 13px;
  --fs-14   : 14px;
  --fs-15   : 15px;
  --fs-16   : 16px;
  --fs-17   : 17px;
  --fs-18   : 18px;
  --fs-20   : 20px;

  /* 余白（margin / padding） */
  --space-5   : 5px;
  --space-10  : 10px;
  --space-15  : 15px;
  --space-16  : 16px;
  --space-20  : 20px;
  --space-30  : 30px;
  --space-40  : 40px;
  --space-50  : 50px;
}