/* Partie — tokens.json から書き起こした変数（C-2 明るめ）。値を変えるときは tokens.json と両方を直す */
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans+JP:wght@400;600;700&display=swap");

:root {
  /* 色 */
  --bg: #FCFDFC;           /* 画面の地 */
  --surface: #FFFFFF;      /* カード・表・入力欄 */
  --ink: #2A2F2E;          /* 本文・見出し・金額。帳票はこの1色 */
  --ink-muted: #5F6664;    /* 補足・ラベル */
  --line: #E2E8E5;         /* 枠・罫線 */
  --tile: #EEF4F1;         /* ロゴの台・選択中の行・静かな帯 */
  --confirm: #2CBF9F;      /* 主ボタンの塗り（文字は --ink） */
  --confirm-text: #0E7A66; /* 済んだ・完了の文字、リンク */
  --part-1: #4A86C5;       /* 藍  ┐ 誰の取り分かを示す印だけ。 */
  --part-2: #F0A04B;       /* 橙  │ 文字色・飾りには使わない */
  --part-3: #93CFAF;       /* 若葉│ */
  --part-4: #9179AA;       /* 藤  ┘ */

  /* 文字 */
  --font-sans: "IBM Plex Sans JP", "Hiragino Sans", "Noto Sans JP", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace; /* 金額。右揃え */

  /* 余白 */
  --space-1: 4px; --space-2: 8px; --space-3: 16px; --space-4: 24px; --space-5: 40px; --space-6: 64px;

  /* 角 */
  --radius-sm: 8px;  /* 入力欄・タグ */
  --radius-md: 14px; /* ボタン・ロゴの四角 */
  --radius-lg: 18px; /* カード */
  --radius-xl: 22px; /* ロゴの台・大きなパネル */

  /* 影 */
  --shadow-card: 0 8px 24px rgba(42, 47, 46, 0.06);
}