/* =============================================================
   u-full 作品集 ── デザイントークン（配色の単一ソース）
   -------------------------------------------------------------
   ※ 現状は けもの道 / totonoir 由来の「暫定」パレット。
     u-full のブランドカラーが決まったら “ここの値だけ” 差し替えれば、
     ハブ・各ゲームのクレジットバーまで一括で色が変わる。
     （他のCSSは原則この変数を参照するだけにしてある）
   TODO: --uf-accent 系と背景を u-full カラーへ置換する
   ※ 色を差し替えたら `npm run check:contrast` で WCAG AA を再確認する
     （required ペアが未達なら exit 1。判定の枠は scripts/check-contrast.mjs に用意済み）
   ============================================================= */
:root {
  /* --- ブランド色（写真の青〜藤色に合わせた暫定値） --- */
  --uf-accent:        #d7b9e9;        /* アクセント：ラベンダー */
  --uf-accent-strong: #bb92d5;
  --uf-accent-rgb:    215, 185, 233;

  /* --- 背景（夜の青） --- */
  --uf-bg-0:    #080d1b;
  --uf-bg-1:    #101a35;
  --uf-bg-glow: #263d72;
  --uf-surface: rgba(119, 148, 211, 0.12); /* カード等の面 */

  /* --- 文字 --- */
  --uf-text:       #eef0fb;
  --uf-text-dim:   rgba(238, 240, 251, 0.76);
  --uf-text-faint: rgba(238, 240, 251, 0.52);
  --uf-on-accent:  #0b1020;          /* アクセント面に乗る文字 */

  /* --- 罫線/状態 --- */
  --uf-line:       rgba(215, 185, 233, 0.28);
  --uf-line-hover: rgba(215, 185, 233, 0.68);

  /* --- レイアウト/形 --- */
  --uf-radius: 14px;
  --uf-maxw:   860px;
  --uf-font:   "Hiragino Sans", "Yu Gothic UI", system-ui, sans-serif;
}