/* =========================================================
   スキン：ミッドナイト
   夜空のような暗い背景に、金色のアクセント。明朝体のタイトル。
   （サイトの例：ミラミー）
   ========================================================= */

:root {
	--c-text: #cbd5f5;
	--c-heading: #e8ecff;
	--c-sub: #9aa1b4;
	--c-bg: #0b0f1c;
	--c-bg-soft: rgba(26, 30, 42, .9);
	--c-line: rgba(101, 123, 158, .5);
	--c-accent: #c9a24d;                      /* 金色 */
	--c-on-accent: #1a1406;
	--c-link: #9cc3ff;
	--c-h2-bg: #657b9e;
	--c-h2-text: #ffffff;
	--c-h2-border: #657b9e;
	--c-thumb-frame: rgba(201, 162, 77, .55); /* 金の枠 */
	--c-thumb-bg: #05070e;
	--c-overlay: rgba(5, 7, 14, .85);
	--pickup-shadow: 0 0 24px rgba(201, 162, 77, .12);
	--font: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	--font-title: var(--font-serif);
	--brand-spacing: .25em;
}

body { font-size: 17px; }
@media (min-width: 768px) { body { font-size: 18px; } }

/* 見出し：帯の H2、左線の H3 */
.entry-content h2 { border: 0; border-radius: 2px; padding: 16px 18px; font-size: 1.2rem; }
@media (min-width: 768px) { .entry-content h2 { padding: 22px 25px; font-size: 1.33rem; } }
.entry-content h3 { border: 0; border-left: 7px solid var(--c-h2-border); padding: 10px 18px; color: var(--c-heading); }

/* 本文中のリンクは下線なし・明るい青 */
.entry-content a { text-decoration: none; }
.entry-content a:hover { text-decoration: underline; }

/* ブログカード：金色の細い枠 */
.blogcard__link { border-color: rgba(201, 162, 77, .3); }

.site-footer { background: #070a14; }
.search-form__input { background: #121829; }