/* ============================================
   mile-forge — design-forge preset "cool" ベース
   変数のみ調整：深いネイビー × 真鍮ゴールド（マイル/計器の質感）
   ============================================ */
:root{
  /* 色 */
  --c-bg:#0b1016;
  --c-surface:#141b24;
  --c-text:#e6ebf0;
  --c-muted:#8695a5;
  --c-primary:#3f7fb5;
  --c-primary-text:#ffffff;
  --c-accent:#d4ad64;
  --c-border:#243040;

  /* 状態色（アプリ用に追加した変数。components.css は触っていない） */
  --c-ok:#5fbf8f;
  --c-warn:#d99a4e;
  --c-ng:#c96a6a;

  /* フォント */
  --font-display:'Oswald','Noto Sans JP',sans-serif;
  --font-body:'Noto Sans JP',sans-serif;
  --font-num:'Oswald','Noto Sans JP',sans-serif;

  /* 形（鋭角: 0〜4px） */
  --radius-s:2px;
  --radius-m:4px;
  --radius-l:4px;

  /* 影 */
  --shadow-s:0 2px 10px rgba(0,0,0,.45);
  --shadow-m:0 14px 34px rgba(0,0,0,.55);

  /* 速度（キビキビ） */
  --speed:.22s;
}