/* ============================================================
   山内陸送 業務システム 共通デザイントークン
   正本はここ（packages/design/tokens.css）。各アプリへは
   scripts/sync-design.sh で複製する。複製先を直接編集しないこと。
   ルールの説明は packages/design/README.md
   ============================================================ */
:root {
  /* ---- 面 ---- */
  --ds-bg:            #f3f5f9;   /* 画面の地 */
  --ds-surface:       #ffffff;   /* パネル・表・カード */
  --ds-surface-sunk:  #eef1f6;   /* 表ヘッダ・入力の無効・ゼブラ */
  --ds-border:        #dde3ec;
  --ds-border-strong: #c3ccda;

  /* ---- 文字（白地で WCAG AA 以上） ---- */
  --ds-text:   #0f1b33;          /* 本文 17.1:1 */
  --ds-text-2: #45536b;          /* 補足 7.8:1 */
  --ds-text-3: #5d6a80;          /* 注記・プレースホルダ 白5.5:1 地5.0:1 */

  /* ---- アクセント（1色だけ。リンク・主ボタン・選択中） ---- */
  --ds-accent:        #1d5fd0;   /* 白文字で 5.8:1 */
  --ds-accent-hover:  #174ca8;
  --ds-accent-weak:   #e7eefb;   /* 選択行・フォーカスリング */

  /* ---- 状態色（意味があるときだけ使う。装飾に使わない） ---- */
  --ds-success: #15803d;  --ds-success-weak: #e3f4e8;
  --ds-warning: #b45309;  --ds-warning-weak: #fdf1dc;
  --ds-danger:  #b91c1c;  --ds-danger-weak:  #fbe5e5;
  --ds-info:    var(--ds-accent); --ds-info-weak: var(--ds-accent-weak);

  /* ---- サイドバー（全モジュール共通の濃紺） ---- */
  --ds-nav-bg:      #0b1a36;
  --ds-nav-hover:   #15294d;
  --ds-nav-border:  #1c3160;
  --ds-nav-text:    #a9b6cc;
  --ds-nav-text-hi: #ffffff;
  --ds-nav-label:   #8494b0;

  /* ---- 文字組 ---- */
  --ds-font: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN",
             "Noto Sans JP", "Yu Gothic UI", sans-serif;
  --ds-font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --ds-fs-xs: 11px;   /* バッジ・注記 */
  --ds-fs-sm: 12px;   /* 表・ラベル */
  --ds-fs-md: 13px;   /* 本文（基準） */
  --ds-fs-lg: 15px;   /* パネル見出し */
  --ds-fs-xl: 18px;   /* 画面タイトル */
  --ds-lh: 1.5;

  /* ---- 余白（4px 刻み） ---- */
  --ds-sp-1: 4px;  --ds-sp-2: 8px;  --ds-sp-3: 12px;
  --ds-sp-4: 16px; --ds-sp-5: 24px; --ds-sp-6: 32px;

  /* ---- 角丸（入力・ボタン 6 / パネル 8 / バッジ 999） ---- */
  --ds-radius-sm: 6px;
  --ds-radius:    8px;
  --ds-radius-pill: 999px;

  /* ---- 影（地の色に寄せる。黒は使わない） ---- */
  --ds-shadow:    0 1px 2px rgba(15, 27, 51, .06);
  --ds-shadow-md: 0 6px 20px rgba(15, 27, 51, .10);

  /* ---- 枠組みの寸法 ---- */
  --ds-sidebar-w: 220px;
  --ds-sidebar-w-collapsed: 56px;
  --ds-topbar-h: 48px;
  --ds-control-h: 32px;       /* 入力・ボタンの高さ */
  --ds-row-h: 36px;           /* 表の行高 */

  /* ---- 重なり順 ---- */
  --ds-z-sidebar: 600;
  --ds-z-dropdown: 800;
  --ds-z-modal: 1000;
  --ds-z-toast: 1100;
}