/* ============================================================
   深層占いの部屋 ― 紺＋星図テーマ
   ------------------------------------------------------------
   ルーンと同じ「変数名」を使うことで、共通の器（レイアウト）に
   別テーマを差し替える設計。モチーフは深い紺色の夜空と星図。

   表・西洋 ＝ 琥珀（--surface-accent）
   深層・ヴェーダ ＝ 菫（--depth-accent）
   ============================================================ */

:root {
  /* 背景：深い紺の夜 */
  --bg1: #1b1a3a;
  --bg2: #090913;

  /* 金：星と文字の主役 */
  --gold:        #c9a86a;
  --gold-bright: #ecd9a0;

  /* 石面カード */
  --stone:       #1f1e40;
  --stone-light: #2d2b54;

  /* 文字 */
  --text:     #ece9f5;
  --text-dim: #9a95c0;

  /* 表／深層のアクセント */
  --surface-accent: #e0b866; /* 表・西洋（トロピカル） */
  --depth-accent:   #8f86d6; /* 深層・ヴェーダ（サイデリアル） */
}

/* 星図のように淡い光を空に散らす */
body::before {
  content: '';
  position: fixed;
  top: 0; left: 0; right: 0;
  height: 60vh;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(90% 70% at 50% -20%, rgba(143,134,214,0.18), transparent 62%),
    radial-gradient(70% 60% at 18% -10%, rgba(224,184,102,0.10), transparent 60%);
}

.star { background: #eef0ff; }