/* ==========================================================================
   tokens.css — デザイン変数（このファイルには変数以外を書かない）
   ==========================================================================
   ブレークポイント（変数化不可のためコメントで明記）:
   - 768px … このサイトの正（旧Bootstrap col-sm / Tailwind md: と同値）
   - 576px … 受取方法メニュー（.receive-menu）のみ旧表示互換で使用
   ========================================================================== */
:root {
  /* 色 */
  --color-text: #000;
  --color-bg: #fff;
  --color-muted: #999;
  --color-border: rgba(0, 0, 0, .125);
  --color-hover-bg: #e9e9e9;
  --color-active-bg: #eee;

  /* フォント */
  --font-body: YakuHanJP, "Noto Sans JP", 游ゴシック体, "Yu Gothic", YuGothic,
    "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", sans-serif;
}