/* ============================================================
 * デザイントークン（公式HP sakuramento_hp から抽出した実値）
 * design_handoff_sakuramento_match / 03-design-brief.md と同値
 * ============================================================ */
:root{
  /* 背景・サーフェス */
  --bg:#0a0a0a;          /* ベース背景（ほぼ黒） */
  --bg-soft:#121212;     /* 一段明るい背景 */
  --bg-card:#161616;     /* カード/パネル */
  --line:#262626;        /* 罫線 */
  --line-soft:#1d1d1d;   /* 繊細な罫線 */

  /* テキスト */
  --ink:#f4f4f2;         /* 本文（オフホワイト） */
  --ink-dim:#9a9a98;     /* サブテキスト */
  --ink-faint:#6a6a68;   /* 補助・プレースホルダ */
  --white:#ffffff;

  /* 刺し色 */
  --green:#3fae6e;       /* メインアクセント（ロゴ色・主要ボタン） */
  --green-hover:#4fc47e; /* グリーンのホバー / 強調テキスト */
  --pink:#e9558e;        /* アクセント（通知・未読・ピン等） */

  /* レイアウト */
  --maxw:1200px;
  --gut:clamp(20px,5vw,64px);
  --header-h:66px;

  /* タイポグラフィ */
  --serif:"Times New Roman","YuMincho","Hiragino Mincho ProN",serif;
  --sans:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
}