/* ============================================================
   デザイントークン（要件 §8）
   配色・タイポの「単一の出典」。色やフォントは各所へ直書きせず、
   必ずここで定義した CSS 変数を参照する。
   ============================================================ */
:root{
  /* ---- カラー（夜空ダークトーン） ---- */
  --bg:#0E0B1A;        /* 地 */
  --bg-2:#171232;      /* 地（グラデ上） */
  --panel:#1C1636;     /* パネル */
  --panel-2:#241C46;   /* パネル2 */
  --line:#332A55;      /* 線 */
  --gold:#E8C878;      /* 金（主役アクセント） */
  --gold-soft:#F3E2B8; /* 金（淡） */
  --lav:#B9A7E6;       /* ラベンダー */
  --rose:#E7A6B8;      /* ローズ */
  --text:#F4F1FA;      /* 文字 */
  --text-soft:#A79FC4; /* 文字（補助） */
  --dim:#726A94;       /* 文字（減光） */

  /* ---- 形状 ---- */
  --radius:14px;

  /* ---- タイポ ---- */
  --serif-jp:"Shippori Mincho","Hiragino Mincho ProN","Yu Mincho",serif; /* 見出し・ことば＝明朝 */
  --serif-en:"Cormorant Garamond",Georgia,serif;                          /* 英語の情緒 */
  --mono:"Space Mono",ui-monospace,monospace;                             /* ラベル＝モノスペース大文字 */
  --sans:"Noto Sans JP","Hiragino Sans","Yu Gothic",system-ui,sans-serif; /* 本文＝丸ゴシック */
}