/* tokens.css — 色・余白・タイポの単一情報源。ここ以外で生の色を書かない。 */
:root {
  /* 基調 */
  --c-ink:        #14201C;  /* 主要テキスト（わずかに緑を含む黒） */
  --c-body:       #3D4A45;  /* 本文 */
  --c-muted:      #7A8781;  /* 補助テキスト・ラベル */
  --c-line:       #DCE2DF;  /* 罫線 */
  --c-line-strong:#B9C4BF;  /* 強い罫線・区切り */
  --c-surface:    #F5F7F6;  /* 面（テーブルヘッダ、サイドバー） */
  --c-surface-2:  #EDF1EF;  /* 面（ホバー、選択） */
  --c-paper:      #FFFFFF;

  /* 主色 */
  --c-primary:    #00594C;  /* 深緑。提案資料と共通 */
  --c-primary-d:  #003F36;
  --c-primary-l:  #E2EBE7;  /* 淡い面 */

  /* ステータス（意味を持つ色のみ） */
  --c-ok:         #00594C;
  --c-ok-bg:      #E2EBE7;
  --c-warn:       #9A6B12;
  --c-warn-bg:    #F6EEDD;
  --c-alert:      #A8431F;
  --c-alert-bg:   #F7E9E3;
  --c-info:       #2F5D7C;
  --c-info-bg:    #E7EEF3;

  /* 余白（4pxグリッド） */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 20px; --sp-6: 24px; --sp-8: 32px; --sp-10: 40px;

  /* 半径・影 */
  --r-sm: 3px;  --r-md: 5px;
  --shadow-drawer: 0 0 24px rgba(20,32,28,.12);

  /* モーション（reduce 指定時は 0ms に落とす） */
  --dur-fast: 120ms;
  --dur:      180ms;
  --ease:     ease-out;

  /* 寸法 */
  --h-header: 52px;
  --w-side:   216px;
  --w-side-collapsed: 56px;
  --w-drawer: 520px;
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur-fast: 0ms; --dur: 0ms; }
}