/* ============================================================
   Aitarch 共通テーマ定義
   各カテゴリページから <link rel="stylesheet" href="/common/theme.css"> で読み込む
   ============================================================ */

/* カテゴリテーマ変数 */
.theme-ai-life   { --theme-color: #3b82f6; --bg-color: #eff6ff; --text-color: #1e3a8a; }
.theme-ai-invest { --theme-color: #ca8a04; --bg-color: #1f2937; --text-color: #fefce8; }
.theme-info-test { --theme-color: #16a34a; --bg-color: #f0fdf4; --text-color: #14532d; }
.theme-ai-agent  { --theme-color: #7c3aed; --bg-color: #f5f3ff; --text-color: #4c1d95; }

/* サイドバー記事リスト */
/* ai-invest はダーク背景なのでホバー時のテキストも暗色に */
.theme-ai-invest .article-list a:hover  { background-color: var(--theme-color); color: #1f2937; }
.theme-ai-invest .article-list a.active { background-color: var(--theme-color); color: #1f2937; font-weight: bold; }

.article-list a {
    transition: all 0.2s ease-in-out;
}
.article-list a:hover,
.article-list a.active {
    transform: translateX(5px);
}
.article-list a:hover {
    background-color: var(--theme-color);
    color: white;
}
.article-list a.active {
    background-color: var(--theme-color);
    color: white;
    font-weight: bold;
}