/* ===== base tokens（値は後で調整OK） ===== */
:root{
  --cat-brand:#0b6aff;         /* 強調色（ボタン/見出し装飾などに流用可） */
  --cat-link:#0b6aff;          /* リンク色 */
  --cat-border:rgba(0,0,0,.08);
  --cat-accent-weak:rgba(0,0,0,.04);
  /* 任意で背景にも使う場合のトークン（今回は未適用） */
  --cat-bg:#ffffff;
}

/* ===== 親カテゴリ（グループ）ごとの配色 ===== */
.catgroup-instagram-basics{
  --cat-brand:#3B82F6;
  --cat-link:#1D4ED8;
}
.catgroup-increase-followers{
  --cat-brand:#10B981;
  --cat-link:#0E9F6E;
}
.catgroup-instagram-troubleshooting{
  --cat-brand:#F59E0B;
  --cat-link:#B45309;
}
.catgroup-instagram-news{
  --cat-brand:#FFFFFF;    /* ダーク背景系で使う想定の強調色（白） */
  --cat-link:#93C5FD;
}

/* ===== 「色だけ」をカテゴリ時に反映（サイズ・余白は触らない） ===== */
/* カテゴリアーカイブ */
body.bac-cat a{ color: var(--cat-link); }
body.bac-cat .category-menu .btn{
  background: var(--cat-brand);
  border: 1px solid var(--cat-border);
  color: #fff;
}
body.bac-cat .badge{ background: var(--cat-accent-weak); }

/* 個別記事（post） */
body.bac-single-post a{ color: var(--cat-link); }
body.bac-single-post .badge{ background: var(--cat-accent-weak); }

/* ※ ページ背景色もカテゴリで変えたい場合は下を解放 */
/* body.bac-cat{ background: var(--cat-bg); } */

/* ── 子カテゴリだけ色を変えたい時（必要な場合のみ） ── */
/* 例）基礎ガイド配下の「リール」だけ青緑寄りにしたい時 */
/* .cat-reels{ --cat-brand:#06B6D4; --cat-link:#0E7490; } */