@charset "utf-8";
/* =====================================================================
   HDS デザイントークン（全変数の単一の置き場）
   - 主色はロゴの緑 rgb(24,146,61) = #18923D。本文色はロゴ文字の焦げ茶に寄せた濃色。
   - テナントのカスタマイズは base.html がこの :root の変数を上書きする
     （core.tenant.settings.theme → <style id="tenant-theme">）。
   ===================================================================== */
:root {
  /* ---- ブランド ---- */
  --primary:        #18923d;   /* ロゴ緑。ボタン・リンク・アクセント */
  --primary-dark:   #137232;   /* ホバー・押下 */
  --primary-deep:   #0c4f22;   /* 濃い面の上の文字・見出しの強調 */
  --primary-tint:   #e7f4eb;   /* 淡い帯・選択行 */
  --primary-soft:   #c9e7d2;   /* 淡い面の罫線 */
  --focus:          rgba(24, 146, 61, .35);

  /* ---- 無彩色（やや暖色寄り。ロゴ文字の焦げ茶に馴染ませる）---- */
  --ink:            #1e1815;   /* 本文 */
  --ink-2:          #3d3733;   /* 見出し脇の補助 */
  --muted:          #6e6862;   /* 補助テキスト・ラベル */
  --line:           #e3e6e1;   /* 罫線 */
  --line-strong:    #c9cec6;
  --paper:          #ffffff;   /* カード・入力面 */
  --paper-alt:      #f5f8f5;   /* 交互行・薄い面 */
  --canvas:         #f1f4f0;   /* ページ背景 */

  /* ---- 伝票の明細の行（システム設定で変えられる）---- */
  --row-heading:    #e3efe6;   /* 見出し行 */
  --row-item:       #ffffff;   /* 明細行 */
  --row-note:       #fbf5e4;   /* 注記行 */

  /* ---- 意味色 ---- */
  --accent:         #c98a1d;   /* 注意喚起・「主」バッジ */
  --danger:         #c0392b;
  --info:           #2b6cb0;
  --success:        var(--primary);

  /* ---- タイポグラフィ ---- */
  --font-body:      'PlemolJP HS', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono:      'PlemolJP HS', ui-monospace, 'Cascadia Mono', Consolas, monospace;
  --fs-base:        15px;      /* 業務画面なので少し詰める */
  --fs-sm:          13px;
  --fs-xs:          12px;
  --fs-lg:          17px;
  --fs-xl:          22px;
  --fs-2xl:         28px;
  --lh-base:        1.6;

  /* ---- 余白・角丸・影 ---- */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px;  --sp-4: 16px;  --sp-5: 24px;  --sp-6: 32px;  --sp-7: 48px;
  --radius:         8px;
  --radius-lg:      14px;
  --radius-pill:    999px;
  --shadow:         0 1px 2px rgba(30, 24, 21, .06), 0 4px 16px rgba(30, 24, 21, .06);
  --shadow-hover:   0 2px 4px rgba(30, 24, 21, .08), 0 10px 28px rgba(12, 79, 34, .14);

  /* ---- レイアウト ---- */
  --maxw:           1200px;
  --header-h:       56px;

  /* ---- 組織の色（組織を 2 つ以上使うとき、どちらで作業しているか見て分かるように。hds/companies.py）---- */
  --company-0: #18923d;  --company-1: #2563a8;  --company-2: #b4541a;
  --company-3: #7b3fa0;  --company-4: #0f7f86;  --company-5: #a8325e;
}