@media (prefers-color-scheme: dark) {
  body {
    /* 全体設定 */
    --body-bg: #111827; /* 背景色 */
    --cursor-color: #d3d3d3; /* カーソル色 */

    /* トップの設定 */
    --card-bg: #1f2937; /* カードの背景色 */
    --card-title-color: #d3d3d3; /* カードタイトルの色 */

    /* ページの設定 */
    --page-bg: #2a3442; /* ページ背景色 */
    --page-link-color: #77befb; /* リンク色 */
    --page-link-hover-color: #a8d7ff; /* リンクホバー色 */
    --page-link-color-cursor-line: #ec61ef; /* カーソルラインのリンク色 */
    --page-text-color: #d3d3d3; /* テキスト色 */
    --line-title-color: #d3d3d3; /* ラインタイトル色 */
    --telomere-border: #374151; /* テロメア境界色 */
    --telomere-updated: #a9450f; /* テロメア更新色 */
    --telomere-unread: #a9450f; /* テロメア未読色 */
    --line-permalink-color: #ed6b244d; /* ライン永久リンク色 */
  }
}