/* ============================================================
   article-index.css — 記事一覧ページ ダークテーマ上書き
   ============================================================ */

body { background: #000; }

/* パンくず */
.breadcrumb { color: rgba(255,255,255,.45); }
.breadcrumb a { color: #7aa7f5; }

/* セクション見出し */
.section-heading { color: #fff; border-left-color: #1E50A2; }
.section-heading span { color: rgba(255,255,255,.45); }

/* カード */
.article-card {
  background: #161616;
  border-color: rgba(255,255,255,.07);
  box-shadow: 0 2px 10px rgba(0,0,0,.4);
}
.article-card:hover {
  box-shadow: 0 6px 20px rgba(30,80,162,.35);
  border-color: rgba(30,80,162,.5);
}
.card-tag  { background: rgba(30,80,162,.3); color: #7aa7f5; }
.card-body h3 { color: #fff; }
.card-date { color: rgba(255,255,255,.4); }
.card-read { color: #7aa7f5; }

/* アイキャッチ カラーバリエーション（ダーク化） */
.bg-blue     { background: linear-gradient(135deg,#0d2137,#071526); }
.bg-green    { background: linear-gradient(135deg,#1a3d1e,#0e2412); }
.bg-red      { background: linear-gradient(135deg,#3a0f1e,#260a13); }
.bg-orange   { background: linear-gradient(135deg,#3a2000,#261500); }
.bg-purple   { background: linear-gradient(135deg,#2a1040,#1a0a2a); }
.bg-teal     { background: linear-gradient(135deg,#0a2a28,#061a18); }
.bg-indigo   { background: linear-gradient(135deg,#1a1d3a,#0f1126); }
.bg-brown    { background: linear-gradient(135deg,#2a1f1a,#1a1210); }
.bg-pink     { background: linear-gradient(135deg,#3a0f1e,#260a13); }
.bg-cyan     { background: linear-gradient(135deg,#062830,#03181d); }
.bg-yellow   { background: linear-gradient(135deg,#2a2500,#1a1800); }
.bg-grey     { background: linear-gradient(135deg,#1a1e22,#0f1215); }
.bg-lime     { background: linear-gradient(135deg,#1e2800,#131a00); }
.bg-deepblue { background: linear-gradient(135deg,#1a1d3a,#1a1f50); }
.bg-deepgreen{ background: linear-gradient(135deg,#0a2a28,#0d3028); }

/* CTA帯 */
.cta-band { background: linear-gradient(135deg,#1E50A2,#0b2d6e); border-top: 1px solid rgba(255,255,255,.1); }
.btn-cta-white { color: #1E50A2; }