/*
 * 地域の輪 カラーテーマ定義（一元管理）
 * ここだけを差し替えれば全体の配色が変わる。
 * 将来：管理者設定画面で団体ごとに変更できるようにする場合は、
 * ログイン後にこの変数群を API から取得した値で
 * document.documentElement.style.setProperty() 上書きする（構造は対応済み）。
 * 配色系統：スマホの番人と同系（ブルー基調）
 */
:root {
  --brand: #1E70E0;        /* メインカラー（ヘッダー・ボタン） */
  --brand-dark: #1556C6;   /* 濃いメイン（リンク・強調） */
  --brand-deep: #0C3E96;   /* 最も濃い */
  --brand-soft: #E8F1FD;   /* 薄いメイン（チップ・背景アクセント） */
  --bg: #F7F9FC;           /* 画面背景 */
  --chat-bg: #E7F0FD;      /* チャット画面の背景 */
  --mine: #B7D4FF;         /* 自分の吹き出し */
  --card: #FFFFFF;         /* カード背景 */
  --text: #0E1A2E;         /* 基本文字 */
  --muted: #6B7A90;        /* 補助文字 */
  --danger: #E0483F;       /* 警告・削除 */
  --danger-soft: #FCEBE8;  /* 警告の薄い背景 */
  --line: #D7E2F1;         /* 罫線 */
  --pin-bg: #FFF6DC;       /* ピン留めバー背景 */
  --pin-line: #EEDFA8;     /* ピン留めバー罫線 */
}