/**
 * css/pages/archive-blog.css
 * ============================================================
 * A LEGEND 2：BLOG Archive
 * ============================================================
 *
 * 役割：
 * - 通常投稿のBLOGアーカイブ固有の微調整を行います。
 *
 * 今回の改修：
 * - BLOG / category / index のアクセント色指定は維持します。
 * - archive header eyebrow / post card type を --aleg2-color-accent へ接続したままにします。
 * - archive header背景装飾の固定ゴールドrgbaを --aleg2-glow-accent へ置換します。
 * - background.glow がOFFの場合は、BLOG固有の発光装飾を抑制します。
 * - 既存セレクタ・既存HTML構造・適用対象は維持します。
 */

/* ------------------------------------------------------------
 * Archive header eyebrow
 * ------------------------------------------------------------
 *
 * BLOG系アーカイブの小見出し色です。
 *
 * 対象：
 * - BLOGアーカイブ
 * - categoryアーカイブ
 * - 通常投稿index
 *
 * BLOGは読み物系の入口として、primaryではなくaccentを使い、
 * Gallery / Application などと印象を分けます。
 */
.aleg2-archive--blog .aleg2-archive-header__eyebrow,
.aleg2-archive--category .aleg2-archive-header__eyebrow,
.aleg2-archive--index .aleg2-archive-header__eyebrow {
	color: var(--aleg2-color-accent);
}

/* ------------------------------------------------------------
 * Post card type
 * ------------------------------------------------------------
 *
 * BLOG系カード内の投稿タイプ表示です。
 *
 * 既存どおり、BLOG系ではaccent色を使います。
 */
.aleg2-archive--blog .aleg2-post-card__type,
.aleg2-archive--category .aleg2-post-card__type,
.aleg2-archive--index .aleg2-post-card__type {
	color: var(--aleg2-color-accent);
}

/* ------------------------------------------------------------
 * Archive header glow
 * ------------------------------------------------------------
 *
 * BLOG系アーカイブヘッダーの背景グローです。
 *
 * 旧コード：
 * - rgba(255, 207, 90, 0.13)
 *
 * 改修後：
 * - --aleg2-glow-accent
 *
 * 固定ゴールドではなく、Design設定のaccent系カラーへ追従させます。
 */
.aleg2-archive--blog .aleg2-archive-header::before,
.aleg2-archive--category .aleg2-archive-header::before,
.aleg2-archive--index .aleg2-archive-header::before {
	background:
		radial-gradient(
			circle,
			var(--aleg2-glow-accent),
			transparent 66%
		);
}

/**
 * 背景グローOFF時。
 *
 * design.background.glow がOFFの場合、bodyに .aleg2-bg-glow が付かない設計です。
 * その場合はBLOG系アーカイブ固有の発光装飾も停止します。
 */
body:not(.aleg2-bg-glow) .aleg2-archive--blog .aleg2-archive-header::before,
body:not(.aleg2-bg-glow) .aleg2-archive--category .aleg2-archive-header::before,
body:not(.aleg2-bg-glow) .aleg2-archive--index .aleg2-archive-header::before {
	display: none;
}