/* ============================================================
   tokens.css — デザイントークン
   このファイルの値以外の色・書体・イージングは使わないこと。
   新しい値が必要になったら、まずここに追加して名前を付ける。
   ============================================================ */

:root{
  /* --- 色 ------------------------------------------------ */
  --sumi:      #16120F;  /* 基調の墨色。赤みを含んだ黒 */
  --sumi-2:    #1F1913;  /* 一段明るい墨。お知らせ・系列店の背景 */
  --sumi-3:    #2B231C;  /* カード背景 */
  --washi:     #F0EBE1;  /* 生成りの明色。明セクションの背景・暗部の文字色 */
  --washi-2:   #E4DCCD;  /* 明セクション上の画像プレースホルダ */
  --kohaku:    #B9863C;  /* 琥珀。唯一のアクセント色 */
  --kohaku-hv: #CE9A4B;  /* 琥珀のホバー */
  --ash:       #9A9187;  /* 暗背景の上の補助テキスト */
  --ash-lt:    #5C544A;  /* 明背景の上の補助テキスト */
  --ash-lt-2:  #7A6A52;  /* 明背景の上の価格・小見出し */

  /* 罫線（暗背景 / 明背景） */
  --line-d:    rgba(240,235,225,.13);
  --line-l:    rgba(22,18,15,.14);

  /* --- 書体 ---------------------------------------------- */
  --mincho: "Shippori Mincho B1", serif;      /* 見出し・数値・品名 */
  --gothic: "Zen Kaku Gothic New", sans-serif;/* 本文・ラベル・UI */

  /* --- 余白 ----------------------------------------------
     margin / padding / gap は必ず 8 の倍数で書くこと。
     8 16 24 32 40 48 56 64 72 80 88 96 104 112 …
     clamp() を使う場合は最小値・最大値の両方を 8 の倍数にする。
     例外は3つだけ（増やさない）
       ・罫線としての 1px（.grid-line / .scenes の gap）
       ・文字サイズに追従させる em 指定（.notes li の padding-left）
       ・外部の固定寸法を含む calc（.ig-card の 57px＝Instagram のバー高）
     確認: bash tools/check-spacing.sh                          */
  --pad:      clamp(24px,5vw,64px);   /* 画面左右の余白 */
  --sec-y:    clamp(88px,12vw,160px); /* セクションの上下余白 */
  --sec-y-sm: clamp(56px,7vw,88px);   /* 小さいセクションの上下余白 */
  --wrap:     1220px;                 /* コンテンツ最大幅 */
  /* スマホ下部の固定バー（.bookbar）の高さ。
     本文の下余白とトップの KV の文字位置が、この値を前提にしている。
     バーの padding を変えるときは、ここも一緒に直すこと。 */
  --bar-h:    56px;

  /* --- モーション ----------------------------------------
     押した瞬間の反応は「離した時」ではなく「押した時」に返す。
     ここが遅れると、指と画面がつながっている感じが崩れる。
     動かすのは transform と opacity だけに限る（レイアウトを起こさない）。 */
  --ez: cubic-bezier(.2,.7,.3,1);
  --dur: 1s;
  --dur-press: .1s;   /* 押下フィードバック。これ以上長くすると反応が鈍る */

  /* --- 階層 ---------------------------------------------- */
  --z-header: 60;
  --z-bar:    70;
}