/* LEDトラック プレイヤー — デザイントークン
   既存の :root の変数を拡張。このファイルで一元管理。
   index.html の inline <style> と共存させ、段階的に移行する。
   2026-07-19 スチームパンク案B適用（真鍮ボタン＋パーチメント背景・野崎さん承認）。
   党カラーのピンク（#e4007f）はブランド色として温存（プレーヤー側ミュート表示等）。
*/
:root {
  /* ブランドカラー（温存・プレーヤー側表示等で使用） */
  --pink:        #e4007f;
  --pink-dark:   #b80068;
  --pink-deep:   #7a0046;
  --pink-light:  #fdeef4;
  --pink-border: #f0c4d6;
  /* ON状態＝琥珀（旧: 黄色 #ffe200/#e6cc00） */
  --yellow:      #f0b53a;
  --yellow-dark: #c68d1d;

  /* スチームパンク基調色 */
  --brass:       #b8860b;   /* 真鍮（フェーダー等のアクセント） */
  --bronze-text: #7a5c22;   /* 見出し */
  --copper:      #c96f3b;   /* 主要アクション（旧ピンクの置き換え） */
  --copper-dark: #a04e22;
  --copper-deep: #6e3413;
  --plate:       #241b10;   /* kbd刻印プレート・暗色セル内入力 */
  --plate-line:  #8a6d3b;
  --plate-text:  #d9c08a;

  /* 背景・ニュートラル（パーチメント基調） */
  --bg-page:     #efe4cc;
  --bg-card:     #f8f1e2;
  --bg-muted:    #f3ead6;
  --border:      #d8c7a4;
  --border-lite: #e6d9b8;
  --text:        #33291a;
  --text-sub:    #6b5327;
  --text-muted:  #8a774f;
  --text-warn:   #a04434;

  /* デッキ（操作パネル）ブロンズ */
  --deck-bg:     linear-gradient(#71592f, #4b3a1e);
  --deck-border: #2c2114;
  --deck-shadow: inset 0 1px 0 rgba(255,222,160,.35), 0 3px 0 #2c2114, 0 4px 7px rgba(0,0,0,.3);

  /* スペーシング */
  --r-card:      10px;
  --r-btn:       8px;
  --r-input:     8px;
  --gap-sm:      8px;
  --gap-md:      12px;
  --gap-lg:      16px;

  /* トランジション */
  --anim-fast:   0.15s ease;
  --anim-mid:    0.25s ease;
  --anim-slow:   0.4s ease;

  /* 起動画面 */
  --launch-col-min: 280px;
}