/* ============================================================
   地域課題解決マップ デザイントークン
   正本: UIUX_運用フロー要件定義_v30 8章（8-1〜8-11）
   ※値の変更は必ず要件定義書側の改訂とセットで行うこと
   ============================================================ */
:root {
  /* 8-1 ブランド基調（Primary） */
  --primary: #2563EB;
  --primary-hover: #1E40AF;
  --primary-pressed: #1E3A8A;
  --primary-light: #EFF6FF;

  /* 8-2 セカンダリパレット（カテゴリタイル7色: 背景/アイコン色） */
  --cat-road-bg: #D7E3F4;      --cat-road-ic: #28518A;
  --cat-light-bg: #F4EDD7;     --cat-light-ic: #8A7228;
  --cat-park-bg: #D7F4E1;      --cat-park-ic: #288A49;
  --cat-tree-bg: #E6F4D7;      --cat-tree-ic: #598A28;   /* 街路樹・雑草（8-2を正とする=J3仮） */
  --cat-river-bg: #D7EFF4;     --cat-river-ic: #287A8A;
  --cat-garbage-bg: #F4E3D7;   --cat-garbage-ic: #8A5128;
  --cat-bicycle-bg: #E6D7F4;   --cat-bicycle-ic: #59288A;
  --cat-other-bg: #F1F5F9;     --cat-other-ic: #475569;

  /* 8-3 ステータスピン（28-1確定: グレー/黄/緑＋内容確認中=青） */
  --status-received: #94A3B8;
  --status-received-dot: #64748B;  /* 進捗達成表示用 */
  --status-inprogress: #F59E0B;
  --status-resolved: #16A34A;
  --status-checking: #2563EB;

  /* 8-11 ステータスチップ（v30新設・J1: 淡色チップ統一 背景/文字） */
  --chip-received-bg: #F1F5F9;    --chip-received-tx: #475569;
  --chip-inprogress-bg: #FEF3C7;  --chip-inprogress-tx: #B45309;
  --chip-resolved-bg: #DCFCE7;    --chip-resolved-tx: #15803D;
  --chip-checking-bg: #DBEAFE;    --chip-checking-tx: #1D4ED8;
  --chip-rejected-bg: #FEF2F2;    --chip-rejected-tx: #B91C1C;  /* ⑥本人カードのみ */

  /* 8-4 達成演出パステル */
  --badge-grad-from: #FDE68A;
  --badge-grad-to: #FCA5A5;
  --toast-done-bg: #DCFCE7;

  /* 8-5 状態色（文字/背景） */
  --error-tx: #DC2626;    --error-bg: #FEE2E2;
  --warning-tx: #D97706;  --warning-bg: #FEF3C7;
  --success-tx: #16A34A;  --success-bg: #DCFCE7;
  --notice-tx: #475569;   --notice-bg: #F1F5F9;   /* 注意バナー（チップとは別トークン） */

  /* 8-6 ニュートラル */
  --page-bg: #F8FAFC;
  --card-bg: #FFFFFF;
  --text-primary: #0F172A;
  --text-secondary: #475569;
  --border: #E2E8F0;

  /* 8-7 タイポグラフィ */
  --font-heading: "M PLUS Rounded 1c", -apple-system, BlinkMacSystemFont, "Noto Sans JP", sans-serif;
  --font-body: "Noto Sans JP", -apple-system, BlinkMacSystemFont, sans-serif;

  /* 8-8 角丸・シャドウ */
  --radius-lg: 24px;
  --radius-md: 16px;
  --radius-sm: 8px;
  --shadow-fab: 0 4px 12px rgba(37, 99, 235, 0.25);
  --shadow-card: 0 1px 3px rgba(15, 23, 42, 0.08);

  /* レイアウト */
  --header-h: 48px;
  --nav-h: 64px;
}