/* ============================================================
   デザイントークン
   色・線幅・カラム幅など、全体で使い回す値をここに集約する。
   ============================================================ */
:root {
  /* 色 */
  --y: #FFD21F;        /* クレーンイエロー（ベース） */
  --ink: #000;         /* 線・文字 */
  --paper: #fff;
  --steel: #5A5E63;    /* 補足テキスト */
  --tile-bg: #E9C24A;  /* 背景モザイクの読み込み前の色 */

  /* 寸法 */
  --line: 3px;         /* 主要な罫線の太さ */
  --col: 420px;        /* 本文カラム幅（SP 基準） */
  --header-h: 60px;
  --gap: 6px;          /* 背景モザイクのすき間 */

  /* 書体 */
  --f-body: "Zen Kaku Gothic New", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
  --f-display: var(--f-body);

  /* ブレークポイント（参考値。メディアクエリでは直接書く） */
  /* SP 表示（本文を画面幅いっぱい）: 575px 以下 / PC 2 カラム化: 1080px */
}