/* MARKET CLOUD デザイントークン（表示層のみ・全画面共有の単一ソース）
   Stage 1: 定義＋font/背景/数値classを適用。色パレット(ボタン/テーブル/バッジ)の統一はStage 2。
   ※各ページ側の既存 :root は本ファイルより後に読み込まれ、同名変数はページ側が優先する（Stage 1で色を動かさないため）。 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&display=swap');

:root{
  /* 色 */
  --brand-primary:#0F766E;        /* 深ティール（ボタン・アクティブ・リンク） */
  --brand-primary-hover:#115E59;
  --ink:#0F172A;                  /* 本文 */
  --ink-muted:#64748B;            /* 補助テキスト・単位・未入力 */
  --bg:#F8FAFC;                   /* 画面背景 */
  --surface:#FFFFFF;              /* カード */
  --border:#E2E8F0;
  /* 意味色（この4系統以外の状態色は使わない） */
  --ok:#15803D;                   /* 確定・完了 */
  --pending:#64748B;              /* 仮・未処理 */
  --warn:#B45309; --warn-bg:#FFFBEB;
  --danger:#B91C1C;               /* 削除・エラーのみ */
  /* 文字 */
  --font-sans:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic UI",sans-serif;
  /* 8pxグリッド（4/8/16/24/32のみ） */
  --sp-1:4px; --sp-2:8px; --sp-3:16px; --sp-4:24px; --sp-5:32px;
  --radius:8px;
}

/* 数値ユーティリティ（金額・数量・単価に付与＝右揃え・タブ揃え・ウェイト600） */
.num{ font-variant-numeric:tabular-nums; font-feature-settings:"tnum"; text-align:right; font-weight:600; white-space:nowrap; }
/* 単位の添え（/kg・ケース・円記号の添え）は補助色12px */
.unit{ color:var(--ink-muted); font-size:12px; font-weight:400; }