/* =============================================================
   OTSUNAGI デザイントークン
   つながり（TSUNAGARI）のデザインシステムに準拠。
   アクセント（プライマリ）だけ おつなぎの青 #2b6cb0 を維持。
   出典：tsunagari-app/Docs/dev-handoff_otsunagi-design-alignment_sent-2026-05-29.md §2
   方針：2026-05-29 太陽さん決定「システム統一・アクセント色は各自維持」
   ============================================================= */
:root {
  /* ── アクセント（おつなぎの青を維持）── */
  --accent:        #2b6cb0;  /* 主ボタン背景 */
  --accent-hover:  #2c5282;  /* hover */
  --accent-soft:   #ebf8ff;  /* アクティブ背景・淡い面 */
  --accent-softer: #bee3f8;  /* イニシャルアバター背景等 */
  --accent-ring:   #2b6cb0;  /* フォーカスリング */

  /* ── ニュートラル（Tailwind gray に統一）── */
  --bg:        #f9fafb;  /* gray-50 画面背景・淡い面 */
  --surface:   #ffffff;  /* カード面 */
  --border-100:#f3f4f6;  /* カード枠 */
  --border-200:#e5e7eb;  /* 区切り線 */
  --border-300:#d1d5db;  /* 入力枠 */
  --text-400:  #9ca3af;  /* placeholder */
  --text-500:  #6b7280;  /* hint */
  --text-600:  #4b5563;  /* 二次テキスト */
  --text-700:  #374151;  /* 本文・ラベル */
  --text-900:  #111827;  /* 見出し */

  /* ── 意味色 ── */
  --danger:        #dc2626;  --danger-hover: #b91c1c;
  --danger-bg:     #fef2f2;  --danger-border:#fecaca;
  --success:       #15803d;  --success-bg:   #f0fdf4;  --success-border:#bbf7d0;
  --ok:            #047857;  --ok-bg:        #ecfdf5;  --ok-border:    #a7f3d0;
  --warn:          #b45309;  --warn-bg:      #fffbeb;  --warn-border:  #fde68a;
  --admin:         #7e22ce;  --admin-bg:     #faf5ff;  --admin-border: #e9d5ff;
  --info:          #1e40af;  --info-bg:      #eff6ff;

  /* ── 角丸（4 段階に統制）── */
  --radius-md:   6px;    /* バッジ・ピル・ナビ項目 */
  --radius-lg:   8px;    /* ボタン・入力 */
  --radius-xl:   12px;   /* カード */
  --radius-full: 9999px; /* 円形 */

  /* ── 影 ── */
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);

  /* ── タイポ ── */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans JP", sans-serif;
}