/* =========================================================
   L Harness 管理画面 デザイントークン（確定版）
   2026-06-14 確定 — Apple構造 × LINE配色 × easyswap親しみ

   色を変えたいときは「ここ1箇所」を直せば全画面に効く。
   ※グラフ(SVG)内の色だけは各HTMLのsvgタグ内に直書き（数が少ないため）
   ========================================================= */
:root {
  /* --- ブランド・状態色（LINE配色：意味は緑とアンバーの2つだけ） --- */
  --c-brand:        #06c755;  /* 操作・順調・アクティブ */
  --c-brand-strong: #0f9d63;  /* 緑アイコン・強調 */
  --c-brand-soft:   #e3f6ee;  /* 緑チップ背景 */
  --c-warn:         #f9ab00;  /* 要対応（LINE Warning） */
  --c-warn-text:    #b9810a;  /* アンバー文字 */
  --c-warn-soft:    #fdf3e0;  /* アンバー帯背景 */
  --c-warn-chip:    #fdf1dd;  /* アンバーチップ背景 */
  --c-danger:       #d93025;  /* 削除・危険 */

  /* --- テキスト（Apple的な静けさ＋LINE neutral） --- */
  --c-text:        #0f1115;  /* 見出し・数字 */
  --c-text-2:      #5b6168;  /* ラベル・本文 */
  --c-text-3:      #9aa0a6;  /* 補助・単位・時刻 */
  --c-text-strong: #1c1f23;  /* 小見出し（ブランド名・カード見出し） */
  --c-text-body:   #3a3f45;  /* 本文（ステップ/最近の動き） */
  --c-text-soft:   #8a8f95;  /* 補助ラベル */
  --c-text-faint:  #aab0b6;  /* 最薄（時刻・未完ステップ・seclbl） */

  /* --- 面・カード・境界 --- */
  --c-page:         #f6f7f9;  /* ページ面 */
  --c-card:         #ffffff;  /* カード */
  --c-canvas:       #eaecef;  /* アプリ外の背景（body） */
  --c-border:        #edeef0;  /* カード境界 */
  --c-border-soft:   #eef0f2;  /* 区切り線 */
  --c-border-strong: #e6e8eb;  /* アプリ外枠線 */
  --c-divider-1:     #ebedef;  /* ステップ間ライン */
  --c-divider-2:     #f2f3f5;  /* 最近の動き 行境界 */
  --c-hover:         #f3f5f7;  /* navホバー背景 */
  --c-neutral-chip: #f1f3f5;  /* 中立チップ背景 */
  --c-neutral-icon: #5f6b7a;  /* 中立アイコン */

  /* --- 角丸（easyswapの丸み） --- */
  --r-s:    8px;
  --r-m:    12px;
  --r-l:    16px;
  --r-full: 999px;

  /* --- 影（LINE Elevation：やわらかく） --- */
  --shadow-sm: 0 1px 3px rgba(0,0,0,.05);
  --shadow-md: 0 2px 8px rgba(0,0,0,.08);

  /* --- 余白スケール --- */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px;
  --sp-4: 16px; --sp-6: 24px; --sp-8: 32px;

  /* --- フォント（Apple端正 → Inter → Noto） --- */
  --font: -apple-system, BlinkMacSystemFont, 'Inter', 'Noto Sans JP', sans-serif;

  /* --- 差し色グラデ（easyswap：要所1本だけ使う） --- */
  --grad-accent: linear-gradient(to right, #ec4899, #8b5cf6, #3b82f6);
}