/* ============================================================
   カラーテーマ「夜の工房」（正式デザイン・常時適用）
   - クリームを深い焦茶黒に反転し、琥珀と生成りで温度を残す
   ============================================================ */

/* 再読み込み時の白フラッシュ防止 */
html { background: #191712; }

body {
  --cream: #191712;       /* 背景（焦茶黒） */
  --panel: #221f19;       /* カード面 */
  --cha: #ede8dd;         /* 文字（生成り） */
  --cha-usu: #a59c8d;     /* 補助文字 */
  --kohaku: #d59a4c;      /* 琥珀（黒地向けに少し明るく） */
  --line: #37322a;        /* 罫線 */
  --shadow: 0 18px 40px rgba(0, 0, 0, .45);
}

/* ヘッダー・メニューの明色地を反転 */
body .header.is-scrolled {
  background: rgba(25, 23, 18, .9);
  box-shadow: 0 1px 0 var(--line);
}
body .mnav { background: rgba(25, 23, 18, .97); }

/* 写真面のプレースホルダー地 */
body .ph { background: #2a261f; }

/* 同心円・目盛り線を生成りに */
body .page-hero::before {
  background: repeating-radial-gradient(circle at center, transparent 0 108px, rgba(237, 232, 221, .07) 108px 109px);
}
body .rings-bg::before {
  background: repeating-radial-gradient(circle at center, transparent 0 118px, rgba(237, 232, 221, .07) 118px 119px);
}

/* 縦英字ウォーターマーク（クリーム地では白ベタ→黒地ではごく薄く） */
body .vwm { color: #ede8dd; opacity: .08; }

/* マーキーの文字色 */
body .marquee-track span { color: rgba(237, 232, 221, .18); }

/* 縦書きタブ見出し（白ラベル→焦茶ラベル） */
body .tate-title span {
  background: #2a261f;
  color: var(--cha);
  box-shadow: 0 10px 24px rgba(0, 0, 0, .4);
}

/* 事例ピックアップのタグ（黒地に沈まないよう面を持たせる） */
body .voice-slide .tags span { background: #352f26; color: var(--cha); }

/* 表組みの見出し面 */
body .def-table th { background: rgba(213, 154, 76, .1); }